- This topic has 12 replies, 3 voices, and was last updated 3 years, 9 months ago by Leo.
-
AuthorPosts
-
June 11, 2020 at 1:18 am #1323163Ash
Just a quick question gutenberg shouldn’t it inherit the theme settings, like font/size/colour? Seems so but the woocommerce blocks don’t?
Also do you have a code that will cover most buttons site wide, found some on the forum but nothing is working. They change on inspection tool but once added to additional css they dont work, even with ‘!important’ something seems to be overiding it.
June 11, 2020 at 3:07 am #1323285DavidStaffCustomer SupportHi there,
unfortunately different plugins use different CSS Classes and their own Custom CSS for button styling. So there isn’t a one size fits all solution.
Which ones you have issues with ? If you can link me to where i can see one.
June 11, 2020 at 3:18 am #1323297AshWoocommerce ones mainly
June 11, 2020 at 4:27 am #1323379DavidStaffCustomer SupportAny of the standard woocommerce ones ie. not from a plugin should attract styles from:
Customizer > Typography > Buttons
and specifically:
Customizer > Colors > Woocommerce – where there are several button options.
If you can point me to any page where a plugin is used that isn’t using those styles i can take a look
June 11, 2020 at 4:54 am #1323409AshI would like to change border radius on them. As I say I found several codes on the forum, one by Tom which covers most of the buttons but none work.
Even a simple one like this won’t work
.woocommerce div.product form.cart .button { border-radius: 5px; }
June 11, 2020 at 5:10 am #1323431AshSorted found a rogue curly brace in css.
Regarding the gutenberg I need to add custom css for woocommmerce blocks then? It’s not inheriting font/size/colour.
June 11, 2020 at 6:10 am #1323505DavidStaffCustomer SupportGlad you found the issue.
Just checked the latest version of the Woo Block buttons and they do inherit colors / fonts etc from the theme. For border radius you can remove like so:
.wp-block-button__link { border-radius: 0; }
June 11, 2020 at 6:22 am #1323528AshSorry we have crossed wires somewhere. Gutenberg issue is with product titles, price etc font size and colour is not inherited from the theme, I thought they should be.
June 11, 2020 at 6:30 am #1323534DavidStaffCustomer SupportMy bad – i misread that.
Unfortunately not – Woo ( and other core block developers ) have this annoying habit of changing the markup and CSS of their blocks. We’re waiting for that to stabilise before we review any integrations.
But Woo Shortcodes DO inherit the styles and layout from the customizer.
June 11, 2020 at 7:04 am #1323585AshOk thanks.
Regarding Update Basket button, due to the colour of my buttons it looks blank. Rather it just look like it does when you hover over it.
June 11, 2020 at 7:14 am #1323594DavidStaffCustomer SupportThe Update Button in the Cart is a ‘ghosted’ when there is nothing to update. If you make a change to the cart eg. item qty you will see the colors.
June 11, 2020 at 7:17 am #1323596AshI know I looked at the demos sites but due to the colour I use for buttons it just looks completely blank
June 11, 2020 at 3:44 pm #1324296LeoStaffCustomer SupportSorry is this issue resolved? It’s marked as resolved.
If not what is the current issue and where can I see it?
Thanks!
-
AuthorPosts
- You must be logged in to reply to this topic.