Customize Newsletter text to be more readable

Technical Q&A
1

I have an issue with my Newsletter text. What are my approaches to make it readable?

Maybe an outline to the text? or have the text background with opacity layer in between the image?

The attached file at the bottom is what my current Newsletter section looks like.

If you have any inputs, I would appreciate it.

2

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

3

Hi @2pongz ,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

#shopify-section-1536067011368 .ImageHero__ImageWrapper:before{
	content: '';
    background: #f0f0f0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0.7;
}
#shopify-section-1536067011368 .ImageHero__ContentOverlay{
	z-index: 3;
}

Hope it helps!

4

@2pongz

sorry for that issue can you please share store url

5

Hey thank you! it worked but it gave me a notification of “Convert .scss and .scss.liquid files to .css or .css.liquid for a better performing online store and theme editor.” How much is this gonna affect my site?

6

north-ginza.myshopify.com

7

@2pongz

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
#shopify-section-1536067011368 .ImageHero__ImageWrapper:before {
background: #fff;
opacity: 0.9;
}
8

Hi @2pongz ,

Shopify still support/work with SCSS files. It don’t make the site broken as your comment in publish item!
The CSS files in new mode Shopify will make theme faster! it’s only the notice from Shopify “Convert .scss and .scss.liquid files to .css or .css.liquid for a better performing online store and theme editor.” not said “… broken if you don’t convert theme to css files”.

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

9

Thank you for the concern, I was merely asking if how that notification may affect my site, didn’t say that it made the site break or anything of that matter since it loads just fine.

Anyway, I appreciate the response and for taking the time to provide me with a solution.

Cheers.