Navigation
Archive / Topbar styling simple
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 11, 2017 at 7:56 pm #1367462
    TurtleIslandCooperative
    Participant

    I’d like to make the donate button in my topbar look similar to my social media icons (as shown in screeshot) – basically that same grey background with no border. The only difference is I’d like the text to simply change to the same grey as the menu text does upon hovering over it. Right now it is turning green.
    Also, the padding under the social media icons seems to have increased since I inserted the button.

    This is probably pretty simple, but what would I do to fix these things? Custom CSS or editing the code in Appearance> Customize>Heading>Topbar content?

    Thank you!

    February 12, 2017 at 3:15 am #1367671
    Christian
    Moderator

    Hey there,

    Please add the code below in your Appearance > Customize > Custom > Global CSS

    .p-info .x-btn {
    background-color: rgba(255,255,255,0.2);
    border: 0;
}
.p-info .x-btn:hover {
    color: hsl(218,21%,71%) !important;
}

    Thanks.

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