How can I modify text transparency in the Dawn theme slideshow?

Hi.

I`m using dawn theme.

Added a slideshow. The text over the image is slightly transparant. I don`t want it to be.

How to change?

1 Like

Hi @wwwclipsno ,

Could you please share your store URL, so that I can help you

Thanks!

Site: www.clips.no/pages/log

Pass: aclipisaclip

I have seen your website. Do you want to change the font color like this?

No. I want the color as it is. But i dont want the font to have opacity. It is slightly transparant. Managed to fix it on the other pages with some code editing. But not on the slideshow.

Sorry for misunderstanding, You want it like this right?

Yes sir!

Hi @wwwclipsno

Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.banner__text.rte p {
    color: white !important;
}
  • And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Best regards,

Anthony
1 Like

Can`t find " :" when searcing. Which line nr?

You can see my screenshot below:

1 Like

Thanks! You rock! Speedy help! One last question as i cant really change anything easy on that slideshow. If i want the text on the slideshow to have the same style as f.ex the text on the image on the frontpage (slightly bigger). How do i do that? The text style is called subtitle, thats what i use on the rest of the page, but that`s not an option on the slideshow.

Yes, you can totally do that by adding this code below before


Sorry for so many questions. I think i messed it up in combo with the first. Can you please post how it should look together with the first code you helped me with? THanks!

Yes, you can remove my previous code and paste the final code below:

1 Like

Hey there,

the code works, for me, perfect with the text.
My button on the slider has the same issue that it’s half transparent. Is there something I can add to the code to make the button solid as well?

best