Collecitons page won't use the right color palette

Store Design
, , , ,
1

Hello, my shop is https://shop.yamino.art/ and right now the Yamino Art page is still using a black and white theme even though I have set it to use the same color palette as the rest of my store:

image
image1542×807 170 KB

Any advice on how to fix this?

2

P.S. You may need the password “rtohni” to view my shop.

3

Please add below css at bottom of assets/base.css file

div#shopify-section-template–17137056383038__main {

  1. background: red;(give your color code here)

}

Thank you.

4

Hey @Yamino

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
div#shopify-section-template--17137056383038__main * {
    color: rgb(230, 11, 138) !important;
}
div#shopify-section-template--17137056383038__main {
    background: #FFFCC7 !important;
}
</style>

RESULT:

image
image1898×760 154 KB

If you require any other help, feel free to reach out to me. If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

5

Hi @Yamino ,
Go to Online Store → Themes → Edit code
Open Assets → base.css or theme.css
add this code at the bottom

.collection-list .card__inner.gradient {
  background: radial-gradient(rgba(255, 252, 199, 1) 86%, rgba(255, 228, 75, 1) 99%) !important;
  color: rgb(230, 11, 138) !important;
}

.collection-list .card__inner.gradient a {
  color: rgb(230, 11, 138) !important;
}

.collection-list .card__inner.gradient a:hover {
  color: #b50878 !important; /* darker pink hover */
}

Save and refresh preview
here is the result

Screenshot 2025-08-25 132200
Screenshot 2025-08-25 1322001896×653 129 KB

Thanks
Manoj

6

You will need to change background color of your page in Theme settings > Colors > Schemes > Scheme 1

7

Hi @Yamino,

Please go to Actions > Edit code > layout > theme.liquid file, find ‘id=“MainContent”‘ and add code here:

Screenshot
Screenshot1581×485 73 KB

Code:

{% if request.page_type == 'list-collections' %}color-scheme-a2c29d26-a072-427a-8c63-dfe7539685b3 gradient{% endif %}
8

Hello @Yamino , the best way is to set it using the theme customizer. Check other pages and try to identify the root cause of the issue. Else, you can simply paste this code in Custom css and it’ll work like a charm.

.shopify-section { 
background: radial-gradient(rgba(255, 252, 199, 1) 86%, rgba(255, 228, 75, 1) 99%);
    margin-top: -20px;
    padding-top: 20px; 
}

yamino - shopify theme developer osamafarooqi71
yamino - shopify theme developer osamafarooqi711892×910 142 KB

If you still have any concerns, please feel free to get in touch.

Regards

Osama Farooqi

9

Hi @Yamino ,
I am from Mageplaza - Shopify solution expert.

It seems that your current color scheme is not being applied correctly. You can quickly fix this by adding custom CSS properties to the current section, as suggested above. However, this is only a temporary workaround. If you could share your collaborator code with me, I’d be happy to check directly and fix the root cause of the issue for you.

Best regards!

10

This worked great, thank you!

11

Oh no, when I tried to save, this happened:

image

12

You don’t have to add this code in the theme customization, instead you can add it in your theme files and follow the steps which I mentioned above.

Best,
Moeed

13

Hi @Yamino,

Have you tried adding code at theme.liquid file.

Try my solution, it will work fine :blush: