Can someone help me to change the collection title color to green on Homepage?
website Url : https://haridrastore.myshopify.com/
Topic summary
Topic: Changing the Shopify homepage collection title color to green.
-
Request: The store owner wants the collection title on the homepage to appear in green; a site URL and screenshots were provided. One participant asked for the exact green shade desired.
-
Solution 1: Edit theme code at Online Store > Themes > Edit code > assets/custom.css and append a CSS rule targeting the featured collections grid: .homepage-section–featured-collections-wrapper .indiv-collection-grid-homepage .type-subheading a { color: #4f6444 !important; }. An image was shared showing the resulting green text.
-
Solution 2: Alternatively, add a rule at the bottom of assets/theme.css to target collection titles: . template-collection .title-bar h2 { color: #9bd478 !important; }. This uses a different selector and a lighter green hex code.
-
Notes: CSS (styling rules) and hex color codes (#RRGGBB) are used; selectors differ by theme/section (featured collections vs collection template). Images/attachments illustrate the outcome but aren’t required to apply the code.
-
Status: No confirmation of which solution worked; the thread appears open pending the requester’s feedback on the preferred green and selector effectiveness.
1 Like
Hey @Ardra ,
Please do following this steps:
-
Go to Admin Shopify > Online Store > Themes > Select a theme & Edit code> open file: custom.css
-
Add the code to end of the file custom.css
.homepage-section–featured-collections-wrapper .indiv-collection-grid-homepage .type-subheading a{
color: #4f6444 !important;
}
Then you will get the result:
@Ardra
Which color do you want to put in the featured collection?
thank You.
Please add the following code at the bottom of your assets/theme.css file.
.template-collection .title-bar h2{
color: #9bd478 !important;
}
Hope this works.
Thanks!