Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1204544
    whipstyle
    Participant

    I added a black bkgd to my slide and want the button style to be the x-btn-alt style which is the blue w/ the white text. Was trying to change the Custom CSS in the slider that reads:

    .tp-caption a.x-btn, .tp-caption a.x-btn:hover { color: #fff; font-weight;bold }

    My Appearance/customizer css already has the x.btn-alt code entered as it is a global setting, just trying to have this one button be the blue version (x-btn-alt) instead of the dark gray version.

    Any help would be appreciated.

    Thx

    #1204591
    Rupok
    Member

    Hi there,

    Kindly provide your URL and point us the button. A screenshot would be appreciated.

    Thanks!

    #1204676
    whipstyle
    Participant

    Thanks Rupok.

    Address is Whipstyle.com. Button is called “View our builds” and is on the home page Revolution Slide. Screenshot attached is the Rev Slider settings page with the Custom CSS from the demo theme. I’ve narrowed it down to this code string affecting the settings of that button in the slider. Just don’t know the exact code to use to get the alternate blue button that the rest of the theme uses – x-btn-alt.

    Thanks

    #1204683
    Rupok
    Member

    Hi there,

    Your selector is right and you can add the styling there :

    .tp-caption a.x-btn, .tp-caption a.x-btn:hover {
      background-color: #02aed6;
      border-color: #02aed6;
      box-shadow: 0 0.25em 0 0 #0b8ead, 0 4px 9px rgba(0, 0, 0, 0.75);
      color: #fff;
    }

    Let us know if you need any other help.

    Cheers!

    #1205193
    whipstyle
    Participant

    Awesome. It worked. Thank you so much for your help.

    #1205224
    Rahul
    Moderator

    Glad it worked for you.

    If you still have anything further to ask, let us know. We’d be happy to assist you with anything.

    Thank you.

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