Navigation
Archive / Need help getting values inside of a rev slider to center
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 24, 2017 at 5:38 pm #1384787
    John
    Participant

    Hello X Team,

    I have a site that is using rev slider and I’ve ran into some problems:

    Full Engagement Experience

    Once you go to the site just pause the movie and then the second slide will pop up (give it like 8 seconds)
    http://prntscr.com/ed14ng

    When you get there you will see that there are some X buttons that are in the second slide and they are text-align:inherit and I have tried to make these values inline center but nothings doing, take a look:

    
[column type="one-third" last="false"]
 
[/column]

[column type="one-thrid" last="false"]
[button href="education" shape="square" size="x-large" block="true" style="text-align: center !important;"]Learn more about the educational services we offer.[/button]
[gap size="25px;"]
[button href="weddings" shape="square" size="x-large" block="true" style="text-align: center !important;"]Learn more about the entertainment services we offer.[/button]
[gap size="25px;"]
[button href="contact" shape="square" size="x-large" block="true" style="text-align: center !important;"]Or if you want to ask a question or get in touch with us click here.[/button]
[/column]

[column type="one-third" last="true"]
 
[/column]

    I’m trying hard to get inside there and make the CSS change but I’m just not able to get it done, can you guys help out. Thanks!

    John

    February 25, 2017 at 12:37 am #1385149
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> Global CSS :

    .tp-caption a.x-btn.x-btn-square.x-btn-x-large.x-btn-block {
    text-align: center !important;
}

    Hope that helps.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1384787 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>