button showing slightly transparent on image with text

[junglecatclub]

hello, does anyone know why the button in the section ‘image with text’ doesnt show in full colour?

it seems to be slightly transparent.

[Dan-From-Ryviu]

Hi @junglecatclub

Please share your store URL

[junglecatclub]

https://jungle-cat-club.myshopify.com/

[DaisyVo]

Hi @junglecatclub

Please store your store URL and point us this section

Best,

Daisy

[Dan-From-Ryviu]

Hi, you have not added a link for that button.

[DaisyVo]

Hi @junglecatclub

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

.image-with-text__text.rte.body + a.button.button--secondary {
    opacity: 1 !important;
}

Here is the result:

I hope this helps

Best,

Daisy

[GTLOfficial]

Hello @junglecatclub
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.button.button--secondary {
opacity: 1 !important;
}

Thanks

[junglecatclub]

this works in the editor, but when i try to click save it will not save

i also seem to not be able to change the button colour when this code is in

[Dan-From-Ryviu]

You have not add link for button so it is disabled

[DaisyVo]

HI @junglecatclub

Please try this

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above

{% style %}
.image-with-text__text.rte.body + a.button.button--secondary {
    opacity: 1 !important;
background: red !important;
}
{% endstyle %}

Change the color in the code with the color code you want

Here is the result:

Best,

Daisy