Docs

[Paul S]

Hey Guys,

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

[Rad]

Hi there,

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!

[Paul S]

Hey guys,

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

[Prasant Rai]

Hello 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.

[Paul S]

This reply has been marked as private.

[Christopher]

Hi there,

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

Thanks.

[Paul S]

Hi

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

Thanks

Paul

[Thai]

Hi There,

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!

[Paul S]

Hey guys,

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

[Christopher]

Hi there,

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.

[Paul S]

Thanks very much! 😉

[Thai]

You’re most welcome.

[Author]

Posts