Tagged: x
-
AuthorPosts
-
January 5, 2017 at 5:44 pm #1317985
carbon14ParticipantHi.
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)
January 5, 2017 at 9:29 pm #1318339
Prasant RaiModeratorHello 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.
January 6, 2017 at 3:25 am #1318586
carbon14ParticipantPerfect! thank you
January 6, 2017 at 4:44 am #1318673
Paul RModeratorYou’re welcome! 🙂
March 10, 2017 at 4:39 pm #1402422
Steve EParticipantI 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.
March 11, 2017 at 12:44 am #1402780
FriechModeratorHi There Steve E (@da123kid),
Please provide us your site URL so we can take a closer look on what you already have.
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!
March 12, 2017 at 11:45 pm #1404378
Steve EParticipantIf 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.
March 13, 2017 at 12:50 am #1404439
LelyModeratorHello 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.
March 13, 2017 at 11:55 am #1405109
Steve EParticipantPerfect. Thanks!
March 13, 2017 at 12:26 pm #1405144
ThaiModeratorIf you need anything else please let us know.
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1317985 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
