SSS buttons after Woo product inherits button style

  • Resolved mrsjinthelibrary

    (@mrsjinthelibrary)


    4 years, 10 months ago

    Hello!
    I’m trying to get the sharing buttons to match on blog posts, pages, and WooCommerce products, and it looks great on the posts and pages, but on Woo they are inheriting the site-wide button style.
    I tried adding the code from this thread to my Additional CSS already…it helped, but the color and button spacing is still off.

    Here’s what I added to Additional CSS in Customizer to match the settings page:

    /* Scriptless Social Sharing Customizations
—————————————– */

.scriptlesssocialsharing span.sss-name {
font-size: 14px; 
}

.scriptlesssocialsharing__buttons a.button {
  margin-right: 4px !important;
	border-radius: 5px !important;
}

.scriptlesssocialsharing__heading
{ 
color: black !important; 
}

.scriptlesssocialsharing a.button {
	color: white !important;
	display: flex !important;
	padding: 10px !important;
	margin-right: 4px !important;
	border-radius: 5px !important;
}

    Any other ideas of what I should be doing?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Robin Cornett

    (@littlerchicken)

    It looks like your sharing buttons are inheriting a 10% left margin that’s supposed to be on WooCommerce buttons. If you add a margin-left: 0; rule to your .scriptlesssocialsharing a.button rule group, I think you will have what you need.

    Thread Starter mrsjinthelibrary

    (@mrsjinthelibrary)

    Worked like a charm on the spacing, and thank you! I couldn’t get the plugin’s button colors showing, but I can live with the green. ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘SSS buttons after Woo product inherits button style’ is closed to new replies.