Navigation
Archive / How do I make the sidebar follow the same look of the global CSS buttons?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 26, 2017 at 1:15 am #1345929
    allancaeg
    Participant

    On my Ethos sidebar, the font settings of buttons are different, even if they’re using the same shortcode settings. There must be conflicting CSS.

    See:
    http://imgur.com/fhHE5YF

    You can see that live on http://www.northstories.io/

    Note that I temporarily used the transparent button style for this one, to make it readable in the interim. Basically, if I use the global button style, it’s the red background with black text, making it unreadable, unlike how it shows everywhere outside the sidebar.

    How do I create shortcode buttons on the sidebar widget that follow the global button style?

    January 26, 2017 at 1:33 am #1345952
    Lely
    Moderator

    Hello There,

    Thanks for posting in.
    Please also add this custom CSS:

    .widget a.x-btn {
    color: #ffffff !important;
    text-decoration: none !important;
}

    The widget style settings is overriding the style settings for global button style. Above CSS will fixed the issue.

    Hope this helps.

    January 26, 2017 at 7:08 am #1346254
    allancaeg
    Participant

    It worked!! Thanks @Lely!

    January 26, 2017 at 7:43 am #1346290
    Lely
    Moderator

    You’re welcome!

    Cheers!

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