Change multicolumn header text color only on one multicolumn

Store Design

Topic summary

A user wants to change the color of star ratings to #fed660 on a specific multicolumn section without affecting other multicolumn headers on different pages.

Proposed Solutions:

Three support representatives offered CSS-based approaches:

  • PageFly-Victor suggested adding targeted CSS to base.css using a section-specific ID selector (#shopify-section-template--[ID].multicolumn)

  • BSS-Commerce recommended a similar approach with a slightly different selector targeting the card info element within the specific multicolumn section

  • GemPages proposed inserting CSS via theme.liquid before the </body> tag

All solutions involve using section-specific ID selectors to isolate the styling change to one multicolumn block. The key is targeting the exact section ID rather than a global multicolumn class.

Note: The conversation text appears partially corrupted/reversed, but the core issue and solutions remain clear from context and code snippets.

Summarized with AI on November 25. AI used: claude-sonnet-4-5-20250929.
1

website url: https://thesnoozy.com/

password: 123

hi, I want to change the color of these starts to #fed660, but when I do this in CSS it also changes the text color of the header text on another multicolumn I have on a different page:

InkedScreenshot (63).jpg
InkedScreenshot (63).jpg1910×971 199 KB

2

Hi @Zakariatheguy,

This is Victor from PageFly - Shopify Page Builder App.

You can use this style code to achieve the effect you want to

Step 1: Online Stores > More action > edit code > base.css

Step 2: Paste the whole code at the very bottom of the file

#shopify-section-template--16980162281746__multicolumn .multicolumn-card.content-container h3 {

color: #fed660 !important;

}

Hope this can help you solve the issue.

Best regards,

Victor | PageFly

3

Hi @GeorgeRizos

Your CSS selector is possibly not correct. You can follow these steps:

  1. Navigate to Online store > Themes > Edit code

view - 2022-11-23T110659.214.png
view - 2022-11-23T110659.214.png1260×875 88.9 KB

  1. Find the file “base.css”, add this code to the bottom
#shopify-section-template--16980162281746__multicolumn .multicolumn-card__info h3 {
    color: #fed660 !important;
}

I hope that it works for you.

4

Hello @GeorgeRizos

You can follow these steps:

  1. Go to Online Store->Theme->Edit code
  2. Open your theme.liquid file, paste the below code before

GemPages_0-1669190288365.png
GemPages_0-1669190288365.png1420×858 38.9 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team