Homepage banner color customization / Creed Theme

Store Design
, , , , , ,
1

How can I add an option to change the color of the encircled shape in the banner? There is no option for changing color only texts

Screenshot 2023-11-24 220520.png
Screenshot 2023-11-24 220520.png1507Ă—737 164 KB

1 Like
2

Hi @mjayxf

If no options for changing color, then we can change by code. Would you mind to share your Store URL website? with password if its unpublish. Thanks!

3

Hello, thank you for your reply! Here’s the URL of the unpublished theme https://ed0os0r3hbou3xaj-77401129260.shopifypreview.com

1 Like
4

Thanks for the info, i didnt give the solution yet. :sweat_smile:

Do you want to change the color of this text only? Not including the other text on the right? If it is.

Check 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:
#shopify-section-template--21643902386476__4850f3cb-f433-4870-b425-8b4b97263e59 > div > div > div > div > div.banner-item.banner-item-v2 > div:nth-child(1) > div.banner-down > div > h3 {
    color: red !important;
}
#shopify-section-template--21643902386476__4850f3cb-f433-4870-b425-8b4b97263e59 > div > div > div > div > div.banner-item.banner-item-v2 > div:nth-child(1) > div.banner-down > div > p {
    color: blue !important;
}

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

1 Like
5

Thank you for the detailed solution for this! How about the background color of the texts? How can I change that? :slightly_smiling_face:

6

Oh, the preview is already expired. Can I check again so I help you with the solution on the background. Thanks!

7

Hiii, here’s the link again. Thanks so much
https://glsfjjv9n9jtmohw-77401129260.shopifypreview.com

8

Thanks for the info, only in this side right?

Made4uoRibe_0-1701360581044.png
Made4uoRibe_0-1701360581044.png467Ă—568 101 KB

Not include the training background?

Same Instruction, That I give on the first comment.

#shopify-section-template--21643902386476__4850f3cb-f433-4870-b425-8b4b97263e59 > div > div > div > div > div.banner-item.banner-item-v2 > div:nth-child(1) > div.banner-down {
    background: turquoise !important;
    
}

And Save.

Note: You can change the color you like.

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

1 Like
9

Hello, the training background is included, please!! I followed the instructions in the first comment, however in regards to:

  • 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:

    The only file that is under is the slick-the.css:

    mjayxf_0-1701672430751.png
    mjayxf_0-1701672430751.png955Ă—146 8.87 KB

1 Like
10

Im sorry, but the preview already expired. Would you mind to provide again? Thanks!

1 Like
11

Hello so sorry for the late revert, here’s the new link for the online store. https://e53wahch6eif46fy-77401129260.shopifypreview.com Thanks so much for the help!

1 Like
12

Hello there - here’s the new link for the online store. https://e53wahch6eif46fy-77401129260.shopifypreview.com Thanks so much for the help!

1 Like
13

Sorry for the late reply, I didnt notice this. Please add this code. Same Instruction.

.section-banner-v4 .banner-v4 .sub-banner-item .banner-down {
    background: bisque !important;
}

And Save.

The css file that I can see in your store is style-main.scss try to paste it on this files and let me know if working or now. Thanks!

Note: You can change the color of the background.

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

1 Like
14

It is now working!! Thank you so much :heart: