Need to make the image with text section have a full background

[westaysmiling]

I need the border of my image with text sections to have the same gradient effect as the rest of the website, but no solutions seem to work. The url is https://westaysmiling.com/

[NomtechSolution]

1. Locate the CSS selector for the image with text sections. This selector might look like .image-with-text.

2. Add the following CSS properties to the selector

.image-with-text {
  border: 1px solid;
  border-image: linear-gradient(to bottom right, #color1, #color2) 1;
  border-image-slice: 1;
}

Replace #color1 and #color2 with the gradient colors you want to use. You can specify any valid CSS color values (hex codes, RGB, or color names) to create your desired gradient effect.

[westaysmiling]

this did not work, what am I missing

[PageFly-Noah]

Hi @westaysmiling

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Noah | PageFly

[westaysmiling]

Hi Noah,

That solution adds a border around my image, but doesn’t get rid of the white border. Also the gradient is not right. What should I do?

Thanks,

Britt

[PageFly-Noah]

@westaysmiling Got you friend,

can you send the password of the page for me to have a look on the page structure? Thanks

[PageFly-Noah]

@westaysmiling Sorry for the late response

Can you try this code?

It should add gradient background to those sections

Here’s the result :

Please add it with the same structures above

[westaysmiling]

thank you!