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

Store Design
1

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

1 Like
2

Hi @AudriuZ ,

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

3

website: https://illume.lt/

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

1 Like
4

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
Ribe_Dagandara_0-1691073719711.png1357×480 414 KB

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

I hope it help.

1 Like
5

How do I put the same color as the background?

6

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;
}
1 Like
7

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

1 Like
8

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

Ribe_Dagandara_0-1691407935854.png
Ribe_Dagandara_0-1691407935854.png1353×430 420 KB

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;
}
1 Like
9

AudriuZ_0-1691418709060.png
AudriuZ_0-1691418709060.png1919×706 205 KB

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

I tried cleaning my cache.

1 Like
10

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
Ribe_Dagandara_0-1691515514520.png839×621 419 KB

Also in Mozzilla.

1 Like
11

Hmm thats weird. Im also using Chrome

12

Did try to open on other device?

1 Like
13

Yes I did, still the same.