Woocommerce css interfering

  • Resolved Li-An

    (@li-an)


    5 years, 9 months ago

    Hello, the display of the buttons is ugly in WooCommerce because WC style is mixing with SSS style. How so fix this??

    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)

    Woo has pretty opinionated CSS, and Scriptless intentionally does not. I believe you can fix it fairly easily by adding this CSS to your stylesheet, or the additional CSS panel in the Customizer:

    
.scriptlesssocialsharing a.button {
	color: white !important;
	display: flex !important;
	padding: 5px !important;
	border: 1px solid;
}

    I’m not generally a fan of using !important in CSS, but this seems to be the most straightforward option in your situation–if you want to avoid the !important, you will just need to make your new rule more specific than the WC rules which are currently taking over. Hope that helps you get started–

    Thread Starter Li-An

    (@li-an)

    That solved the problem. Thanks a lot.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Woocommerce css interfering’ is closed to new replies.