This is driving me nuts… Lots of searching and trying things in the customiser, but still don’t get it…

I want to centre the arrows shown on this page – http://www.paulsewter.com/control-alt-delete/

And perhaps have them sitting on each side of the Title of the work.

The interface for Rev Slider seems really unintuitive in this regard…

Also, I’ve tried using this code to change icon style but still nothing!

.tp-rightarrow:before {
content: “\f105”;
}

.tp-leftarrow:before {
content: “\f104”;
}

Can you please enlighten me!?

Thanks,

Paul

Thanks for posting in.

Add this css at your custom css.

.tp-leftarrow.navbar {
  left: 43.4% !important;
}
.tp-rightarrow.navbar {
  right: 43.4% !important;
  left: auto !important;
  float: right !important;
}

And about the icon, it’s impossible using font icon. Rev. Slider use different implementation of its icon. The only way to change its icon is replacing its code directly (html).

Thanks!

Tried inserting that code but still the same on all rev sliders –

http://www.paulsewter.com/better-waters/
http://www.paulsewter.com/sonnets/
http://www.paulsewter.com/control-alt-delete/

What next?

Thanks

Paul

Thanks for writing in!

The above code shared by our team member is working perfectly fine. Kindly have a look at the screenshot:

We request you to kindly share login credentials so we can take a closer look? To do this, you can make a post with the following info:

– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

before we start troubleshooting please install Cornerstone from X Addons -> Extensions and disable X shortcodes plugin As this may fix your issue.

Thanks.

OK, updated as per your instruction but still the same.

Thanks

Paul

Upon checking your Customizer > Custom > CSS, there is missing the bracket (}) after following CSS:

.woocommerce li.product .entry-header .button, .woocommerce-page li.product .entry-header .button {
   background-color: #fff;

The correct code should be:

.woocommerce li.product .entry-header .button, .woocommerce-page li.product .entry-header .button {
   background-color: #fff;
}

After inserted the bracket, everything is working fine.

Regards!

Sorry about that & thanks for sorting it out.

One further question – I don’t like the hover colour for the arrows and would prefer they aligned with the themes links color – #c61300.

I have tried the following code copied and pasted from the forums, but no joy:

.tp-leftarrow.default:hover, .tp-rightarrow.default:hover {
color: #c61300 !important;
}

Thanks

Paul

The arrows use background images, so to change color you need to edit these images :

http://www.paulsewter.com/wp-content/plugins/revslider/rs-plugin/assets/small_right_boxed.png
http://www.paulsewter.com/wp-content/plugins/revslider/rs-plugin/assets/small_left_boxed.png

Upload them into your host and add the following CSS under Customize -> Custom -> CSS :

.tp-rightarrow.navbar{
background: url("put image path here") no-repeat top left;
}

.tp-leftarrow.navbar{
background: url("put image path here") no-repeat top left;
}

Hope it helps.