Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1196441
    mobeus
    Participant

    What CSS entries would be needed to change the CSS rollover text color for a custom button?

    #1196764
    Jade
    Moderator

    Hi there,

    Would you mind providing the link to your site so that we could provide you with the tailored CSS.

    Thank you.

    #1196860
    mobeus
    Participant
    This reply has been marked as private.
    #1196902
    Friech
    Moderator

    Hi There,

    Thanks for the clarification, #1 please look for this custom CSS block.

    .logicstor-lightgrey {
        height: 2.5em;
        border: 2px solid #FFFFFF;
        border-top-color: #FFFFFF;
        border-top-style: solid;
        border-top-width: 2px;
        border-right-color: #FFFFFF;
        border-right-style: solid;
        border-right-width: 2px;
        border-bottom-color: #FFFFFF;
        border-bottom-style: solid;
        border-bottom-width: 2px;
        border-left-color: #FFFFFF;
        border-left-style: solid;
        border-left-width: 2px;
        border-radius: 0.15em;
        padding: 0 0.8em 0 0.95em;
        font-weight: 700;
        line-height: calc(2.5em - 2px);
        letter-spacing: 0.15em;
        text-transform: uppercase;
        color: rgba(255,255,255,0.25);
    }

    And update the color: rgba(255,255,255,0.25); attribute to color: #FFF;

    #2 Add this under Custom > CSS in the Customizer.

    .logicstor-lightgrey:hover {
    	border-color: #fff;
    	color: #fff;
    }

    Hope it helps, Cheers!

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