Image banner text color change and paragraph formatting

Store Design
,

Topic summary

Main issue: change Shopify Dawn theme’s image banner text color to white and adjust paragraph alignment.

Recent updates:

  • Initial CSS edits in base.css (.banner__heading and .banner__box) had no effect. Support advised editing theme.liquid and adding code before ; the banner text color change worked.
  • User requested bold heading styling; additional code was provided and confirmed working.

Paragraph formatting:

  • User wants paragraphs justified left site-wide and specifically in the rich text section labeled “MEAT PRICES.” Support suggested center alignment looks better; no confirmed left-justify solution for rich text yet.

New request:

  • Implement a responsive line with leader dots (dot leaders) for content layout. No solution provided so far.

Technical context:

  • Dawn is Shopify’s default theme; theme.liquid is the main layout file; CSS controls styling. Changes were made by pasting CSS/markup before </head in theme.liquid.

Artifacts:

  • Screenshots and code snippets are central, but the exact code content isn’t visible in the thread posts.

Status:

  • Resolved: banner text color and bold heading in banner.
  • Open: left-justifying rich text paragraphs site-wide; implementing leader dots; aesthetic decision on center vs. left alignment remains.
Summarized with AI on January 30. AI used: gpt-5.
1

Hello,
I’m trying to change the color of the image banner text from black to white in the Dawn theme

I found this thread

https://community.shopify.com/post/1854099 But I can’t seem to get it to work.

I’ve tried to add these snippets to the base.css. I then save the css file and try to review it in a browser. No change.

.banner__heading{color:white !important}

.banner__box * {
color: white;
}

I also need to have the paragraph formatting changed to justified left on the

paragraph below the image banner.

https://smokersrevolution.ca/pages/carnivore-revolution-test

2

Hello @kirkcanada ,

lIt’s GemPages support team and glad to support you today.

Could you please share your store protection password then I can see and suggest something for you?

GemPages_0-1678585101294.png
GemPages_0-1678585101294.png1919×963 17.7 KB

Best regards,
GemPages Support Team

3

Gem, You’re awesome You’ve helped me before!

pw;smokers

4

Hi @kirkcanada ,

I would like to give you a recommendation to support you so kindly follow steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1678614361676.png
GemPages_0-1678614361676.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

Let us know how it works for you.

Best regards,
GemPages Support Team

5

GemPages,

Once again you have been great!

That seems to have worked out great.

Can I bold the font for the heading in that section?

Any advice on the paragraph settings?

I find that I always prefer my paragraphs to be justified left instead of centered. Is there some way to change that setting site wide?

6

Hi @kirkcanada ,

You could please try adding the below code

Let us know how it works for you.

Best regards,
GemPages Support Team

7

GemPages,

That worked great!

But, I was looking for how to justify the paragraph text in the rich text section, where it says MEAT PRICES

I do like how it looks in the banner section!!

1 Like
8

Hi @kirkcanada ,

Do you mean you want this paragraph text to align left like other paragraphs above it?

It seems look not good, align center is the best choice in this case

GemPages_0-1678756160629.png
GemPages_0-1678756160629.png1916×967 77 KB

Best regards,
GemPages Support Team

9

Yes I agree it doesn’t look great :disappointed_face:

I was hoping to figure out how to do this. A responsive line with leader dots.

O55FG.png
O55FG.png603×160 5.38 KB