How do I fill the image with text background with color?

Solved

How do I fill the image with text background with color?

AudriuZ
Tourist
7 0 4

How do I fill the sides with the color that's in the middle? I'm using Dawn 11

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
10211 2427 3078

This is an accepted solution.

Yes, I already check. But im looking the same picture. its this section right?

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. 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:
  4. And Save.
.image-with-text.image-with-text--no-overlap.page-width.isolate.collapse-corners.section-template--19384183521610__2a5baa9d-d58a-4af2-9037-2db57f0dcda1-padding.scroll-trigger.animate--slide-in {
    background: blue;
}

Result:

Ribe_Dagandara_0-1691073719711.png

Note: You can change the color. What ever you desire. 

I hope it help. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 12 (12)

Made4uo-Ribe
Shopify Partner
10211 2427 3078

Hi @AudriuZ ,

Would you mind to share your store URL website? with password if its protected. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
AudriuZ
Tourist
7 0 4

website: https://illume.lt/

pass: tankas
I added a screenshot if you didn't notice

Made4uo-Ribe
Shopify Partner
10211 2427 3078

This is an accepted solution.

Yes, I already check. But im looking the same picture. its this section right?

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. 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:
  4. And Save.
.image-with-text.image-with-text--no-overlap.page-width.isolate.collapse-corners.section-template--19384183521610__2a5baa9d-d58a-4af2-9037-2db57f0dcda1-padding.scroll-trigger.animate--slide-in {
    background: blue;
}

Result:

Ribe_Dagandara_0-1691073719711.png

Note: You can change the color. What ever you desire. 

I hope it help. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
AudriuZ
Tourist
7 0 4

How do I put the same color as the background?

Made4uo-Ribe
Shopify Partner
10211 2427 3078

Try this one. 

Same Instruction.

.image-with-text.image-with-text--no-overlap.page-width.isolate.collapse-corners.section-template--19384183521610__2a5baa9d-d58a-4af2-9037-2db57f0dcda1-padding.scroll-trigger.animate--slide-in {
    background: #1E2127;
}
If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
AudriuZ
Tourist
7 0 4

Sorry for late response, but it doesn't change the color. It's still white on the sides

Made4uo-Ribe
Shopify Partner
10211 2427 3078

Hi, I check your website but it not on th white color?

Ribe_Dagandara_0-1691407935854.png

If its not working. Put the !important.

This one. 

.image-with-text.image-with-text--no-overlap.page-width.isolate.collapse-corners.section-template--19384183521610__2a5baa9d-d58a-4af2-9037-2db57f0dcda1-padding.scroll-trigger.animate--slide-in {
    background: #1E2127 !important;
}

 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
AudriuZ
Tourist
7 0 4

AudriuZ_0-1691418709060.png

Still the same. I checked on my phone too. There are still white sides. 😞 

I tried cleaning my cache.

Made4uo-Ribe
Shopify Partner
10211 2427 3078

What browser you are using? im using chrome. Also I check in the incognito its already in the black background. 

Ribe_Dagandara_0-1691515514520.png

Also in Mozzilla. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
AudriuZ
Tourist
7 0 4

Hmm thats weird. Im also using Chrome

Made4uo-Ribe
Shopify Partner
10211 2427 3078

Did try to open on other device? 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
AudriuZ
Tourist
7 0 4

Yes I did, still the same.