Change the button colour in Studio Theme for an image with text section

Store Design
1

I cannot seem to change the colour of the button in the image with text section on the Studio Theme. Chat gpt has given me lots of different code to put in the base css but none of them are working. Can anyone help please?

2

Hi @feistyblue . It would be much easier to help if you show the page URL. Shouldn’t be difficult to change with a CSS ruleset.

3

On image-with-text.liquid section


    Explore

on schema settings of the section liquid. You need to add this on the schema settings.

{
    "type": "color",
    "id": "button_bg_color",
    "label": "Button bg color",
    "default": "#fff"
}

On css

.image-with-text__grid .button {
    background: var(--bg-color);
    border-color: var(--bg-color);
}

I hope it does help your workings.

Regards
Jacob

4

Thank you this got me a button I can use in the customiser and select my preferred colour but the button on the image text block will not change.

5

@feistyblue Could you share store url? then I will check and let you know the solutions. And please select the like and solved about this if my opinion is your working’s help. Thank you