I’m using the Dawn template and I want to make the white box that surround the Heading, Subheading and Button translucent. Does anyone have custom code that can be inserted somewhere? ..
Hi Chuckwheat,
You can try adding some custom CSS to your theme. Here’s how:
Log in to your Shopify account and go to the “Themes” section.
Find the theme you want to edit and click the “Actions” button, then select “Edit code”.
Navigate to the “Assets” folder and find the file named “theme.scss.liquid”. This is the file where you can add custom CSS code to your theme.
Add the following code to the bottom of the file:
.slick-dots li button {
background-color: rgba(255, 255, 255, 0.5);
}
Note: The code above sets the background color to white with a opacity of 0.5. You can adjust the values to any color and opacity level you like.
Click “Save” to apply your changes.
Your slideshow button box’s background should now be translucent. Please feel free to contact me if you need further assistance.
Thanks - I got as far as the Asset folder, but there was no file named “theme.scss.liquid”. I did find theme.liquid under the Layout folder but when I pasted the code you gave at the bottom of that file, (after the html end code), I saved, checked the website and nothing changed. Thoughts?
