Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1317985
    carbon14
    Participant

    Hi.

    How do I remove the square hover on my share buttons.

    My site is: http://level.dev.iwww.no/laastad-co-velger-level/

    Also, do you have a code that allows me to get a button in the header. I want the STILLING & CV to be a button with style button style on my page. Orange with rounded corners (no icon)

    #1318339
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer to remove background from social share icons:

    .x-entry-share .x-share:hover {
        background: transparent !important;
        color: #848484 !important;
    }

    You want to button to be displayed in navigation area? If that is the case kindly create a new menu and update the thread so that we can give you the CSS code to style the button.

    Thanks.

    #1318586
    carbon14
    Participant

    Perfect! thank you

    #1318673
    Paul R
    Moderator

    You’re welcome! 🙂

    #1402422
    Steve E
    Participant

    I did this, and it worked, but how do I remove the transparent box, or at least shrink it to the size of the icons? I want the tooltips to touch the bottom of the icons, not the bottom of the transparent box.

    #1402780
    Friech
    Moderator

    Hi There Steve E (@da123kid),

    Please provide us your site URL so we can take a closer look on what you already have.


    @carbon14

    Here’s a Custom CSS to make the STILLINGER & CV menu item look like a button.

    #menu-item-688 a {padding-top: 25px;}
    #menu-item-688 a span {
    	background-color: #f4b244;
    	border-radius: 0.25em;
    	padding: 12px;
    }

    Add that on top of your Custom CSS on Customizer. Then check you entire custom CSS here: http://csslint.net/ there seems to be a syntax error somewhere on it.

    Cheers!

    #1404378
    Steve E
    Participant

    If you look at the social media icons on this page, you’ll see what I mean: http://www.craftxbeer.com/last-test. Hover over them and the tooltip will be down below the icon.

    #1404439
    Lely
    Moderator

    Hello Steve,

    Look for this custom CSS:

    .x-entry-share .x-share {
        width: 100px;
        height: 100px;
    }

    Adjust height value from 100px to 74px or as needed.

    Hope this helps.

    #1405109
    Steve E
    Participant

    Perfect. Thanks!

    #1405144
    Thai
    Moderator

    If you need anything else please let us know.

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