Color inheritance issue in Dawn theme Featured collection

Store Design
1

Hi All!

I’m changing to Dawn theme, and I can’t work out where the background color is being inherited from in the Featured Products section so I can amend it. Selector is below, is this something I can just amend in the theme settings or must I use custom code?

#Slide-template–15985369317560__35c8f988-c7ee-4643-b9a6-8e2c91468ecf-4 > div > div > div.card__inner.color-background-2.gradient.ratio

1 Like
2

Hi,

Can you share your store url

3

Thanks Zac

https://yzwnee8kbopvjwcr-57035227320.shopifypreview.com/

4

Hi @EnnJayy .

Follow These steps,

Go to the online store theme and go to base.css file paste the code mentiond below.

.collection.section-template--15985369317560__featured_collection-padding {
    background: black;
}

websensepro_0-1687337924495.png
websensepro_0-1687337924495.png1346×577 323 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

5

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.collection.section-template--15985369317560__featured_collection-padding {
background: black;
}

ZestardTech_0-1687338347339.png
ZestardTech_0-1687338347339.png1898×793 170 KB

6

I’m actually trying to change the Gold background you can see around the disc picture. It’s using one of the theme colors, but I can’t work out why or where it’s getting it from :0

7

I’m trying to change the Gold background you can see around the disc picture. It’s using one of the theme colors, but I can’t work out which theme setting it’s getting it from.

8

Hello @EnnJayy

Do you want to change this color?

.card__inner.color-background-2.gradient.ratio {
    background-color: red!important;
}

ZestardTech_0-1687340083918.png
ZestardTech_0-1687340083918.png1796×679 191 KB

1 Like
9

Yes, that’s the one, is there a theme setting or is it purely by code to change it?

10

Hello @EnnJayy

you can follow these steps:

  1. From your Shopify admin panel, go to “Online Store” and select “Themes.”
  2. Locate the theme you’re using and click on “Customize” to open the theme editor.
  3. In the theme editor, navigate to the section or block that contains the card you want to modify.
  4. Look for customization options related to the card or section background color. This may be labeled as “Background Color,” “Section Color,” or something similar.
  5. Use the color picker or input field provided to select or enter the desired background color.
  6. Preview the changes to ensure the background color of the card inner is updated to your liking.
  7. Once you’re satisfied with the modifications, click “Save” or “Publish” to apply the changes to your live store.
1 Like
11

Thanks ZT - seems I was trying to overcomplicate this setting.

1 Like
12

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.