small lines on two banners that need fixing?

Solved

small lines on two banners that need fixing?

jeffreym
Pathfinder
149 3 30

I have had this issue before and someone fixed it though was for another banner, now on both pages 'contact us' & 'FAQS' the banners have a small white line on either side of the that I would like to be removed and the banner extended. Is there a simple way to fix this through css?

url: hygiadental.com

pw: melek

Thankyou in advanced!Screenshot 2024-09-02 at 5.17.10 PM.png

Accepted Solution (1)

jeffreym
Pathfinder
149 3 30

This is an accepted solution.

I have solved the mystery my self:
1. Inspect the image on your store page & copy the text  

Screenshot 2024-09-03 at 9.48.46 AM.png

 2. Copy and replace your own section id into this code.

<style>
#shopify-section-template--17351684489316__image_banner_4rEznc { margin-right: -10px; }
#shopify-section-template--17351684489316__image_banner_4rEznc { margin-left: -10px; }

</style>


3. Change the margin to your needs and paste it in the bottom of theme.liquid.

 

 

 

View solution in original post

Replies 3 (3)

Huptech-Web
Shopify Partner
1122 223 252

Hi @jeffreym 
I have tried to open the URL but it is not working & showing the below 👇 error and redirected to http://au.hygiadental.com/ Can you provide the working URL so I can check it?

HuptechWeb_0-1725262425263.png

Thank you

D.P.

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required

Made4uo-Ribe
Shopify Partner
10036 2387 3013

Hi @jeffreym 

The shared URL is unreachable. Please check and provide a correct one.

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.

jeffreym
Pathfinder
149 3 30

This is an accepted solution.

I have solved the mystery my self:
1. Inspect the image on your store page & copy the text  

Screenshot 2024-09-03 at 9.48.46 AM.png

 2. Copy and replace your own section id into this code.

<style>
#shopify-section-template--17351684489316__image_banner_4rEznc { margin-right: -10px; }
#shopify-section-template--17351684489316__image_banner_4rEznc { margin-left: -10px; }

</style>


3. Change the margin to your needs and paste it in the bottom of theme.liquid.