Return to previous page

Arrows in Revolution slider after upgrade

This topic has 7 replies, 3 voices, and was last updated 9 years, 2 months ago ago by Jack Richardson

cahena

Participant

September 27, 2015 at 17:47

Hello,
After updating the last version of WordPress, Woopress awith its plugging I have the following problems:
1. arrows in RevSlider (home page) have disappeared,instead there is a rectangle
2. arrows on the tab of featured and new products (home page), they got to far on bot side (we have to get the window larger in order to see them)
When I want to edit this tab I’ve got a message: “You are using outdated element, it is deprecated since version 4.6”
3. In woocommerce I’ve got this message: “Your theme (WooPress Child) contains outdated copies of some WooCommerce template files”
woopress/woocommerce/myaccount/my-orders.php version 2.2.0 is out of date. The core version is 2.3.10,
woopress/woocommerce/order/order-details.php version 2.3.0 is out of date. The core version is 2.4.0,

Thanks,
Carole.

Please, contact administrator
for this information.

#89460 Copied Theme version: 2.4 WooCommerce version: 2.4.7

6 Answers
Jack Richardson

Support staff

September 28, 2015 at 12:05
Hello,

1. You need comment the code in parent style.css file to show slider arrows:
```
.rev_slider_wrapper .tparrows {
  background-image: none;
  width: 45px;
  height: 45px;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid #fff;
  text-align: center;
  font-size: 0;
  font-style: normal;
  text-indent: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.rev_slider_wrapper .tparrows:before {
  font-family: FontAwesome;
  font-size: 30px;
  position: absolute;
  color: #fff;
  line-height: 41px;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rev_slider_wrapper .tparrows:hover {
  background-color: #fff !important;
  opacity: 1;
}
.rev_slider_wrapper .tparrows:hover:before {
  color: #252525 !important;
}
.rev_slider_wrapper .tparrows.tp-leftarrow.default {
  left: -40px !important;
  top: 50% !important;
}
.rev_slider_wrapper .tparrows.tp-leftarrow.default:before {
  content: "\f104";
  left: -1px;
}
.rev_slider_wrapper .tparrows.tp-rightarrow.default {
  right: -40px !important;
  top: 50% !important;
}
.rev_slider_wrapper .tparrows.tp-rightarrow.default:before {
  content: "\f105";
  right: -1px;
}
.rev_slider_wrapper:hover .tparrows {
  opacity: 1;
}
.rev_slider_wrapper:hover .tp-leftarrow.default {
  left: 40px !important;
}
.rev_slider_wrapper:hover .tp-rightarrow.default {
  right: 40px !important;
}
```
2. Add this code in Theme Options > Custom CSS > Custom CSS for desktop:
```
.carousel-area .owl-controls .owl-next {
   right: -20px;
}
.carousel-area .owl-controls .owl-prev {
   left: -20px;
}
```
3. Please check the description of our theme update:
http://themeforest.net/item/woopress-responsive-ecommerce-wordpress-theme/9751050
Pay attention to the files that were deleted:
DELETED : woopress/woocommerce/order/order-details.php
DELETED : woopress/woocommerce/myaccount/my-orders.php
You must delete them from your theme folder too (in wp-content/themes/woopress/woocommerce directory).

Best regards,
Jack Richardson.
#89628 Copied
cahena

Participant

September 28, 2015 at 13:24

Thank you for your reply.

1. I don’t know what I’m suppose to change in the code, as I didn’t change anything…
It looks like if it doesn’t find the image “icons.png”, but it is in the right place.
background-image: url(images/sprite/icons.png) !important;

2. It only change the previous button position, the next button doesn’t change (I tried positive, negative number adding “!important;” but still in the same place….

3. Ok it works!

Thanks again,
C.

#89670 Copied

FuegoHD

Participant

September 28, 2015 at 15:40

Same problem here.
1. I checked the code and its the same. (I never touched it)
2. Added code to custom css.
3. Those files do not exist in my directory.

Still only have rectangles in my slider… What did I do wrong?

#89846 Copied
Jack Richardson

Support staff

September 29, 2015 at 10:37
Hello,

1. I’ve commented the code in custom.css file for slider arrows.
Please clear browser cache and check it.

2. I’ve added this code in custom.css file:
```
.carousel-area .owl-controls .owl-next {
    right: -20px;
}
```
3. Is problem with outdated files resolved?

Best regards,
Jack Richardson.
#90116 Copied
cahena

Participant

September 29, 2015 at 16:07

Hi Jack,

Yes everything is solved. Thank you very much!
Carole.

#90258 Copied

Jack Richardson

Support staff

September 29, 2015 at 16:57

Hello,

You’re welcome.

Best regards,
Jack Richardson.

#90282 Copied
Viewing 7 results - 1 through 7 (of 7 total)