Hi
I searched the universe for an answer but couldn’t find one, so here I am looking for help.
how to change the background color of the button in that section (image with text. multirow), as currently the background is set up the same as the whole section. And this is really what Im after. If the section background is black, I want button background to be i.e. blue. Not the border, not the text, the button background color.
Will that code change do that?
if so, which CSS (at this version of Dawn) to edit and where? Or maybe a new code is required?
It would be great if we could change the size of the button too.
there is a sort of similar post from 2021 but that was more about what we can customize in the panel ourselves now, so not that helpful.
Thank you very much for that.
It works indeed with “image with text” unfortunately it doesn’t work with “featured product” despite the Custom CSS section being there.
And most importantly this is not the solution for the multirow, as multirow doesn’t have the CCS section within the panel - hence the question:
would I be able to change it within the code? If so, which CSS I should go to and where to change it?
The button in the feature product section is a different element with a different class name, you can target it with custom CSS like so:
.product-form__submit {
background: blue;
}
Another approach (and for multiline) you can to modify the component’s CSS directly. For example, to change the button background colour of the ‘Image with text’ section, edit assets/component-image-with-text.css and add additional styles to the file:
