Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Removing boarders on pictures

Solved

How can I remove borders from pictures on my home screen?

c2ccoffee
Excursionist
21 1 0

Hi all, 

 

I wanted to see if anyone can help me get these boarders that appear around my pictures on my Home Screen? It’s the the three photos starting with the coffee bag and coffee cup, the cold brew bottle picture and the location picture.

https://ctoccoffee.com/

Accepted Solution (1)

Zqdo
Shopify Partner
803 32 64

This is an accepted solution.

Try this: Go to your theme customizer, click on the section that you want to make the change to, then scroll down to Add Custom CSS, and try this code:

 

.image-with-text__media{
border: none;
}

 

Does this work?

banned

View solution in original post

Replies 10 (10)

didierdonne
Shopify Partner
8 0 1

Hello,

 

Can you try the following?  This will affect your entire theme.  If you want to only affect specific images (like only on your home screen) you may need to set a bit of custom CSS.  Let me know if this is the case.

 

shopify-help--border-thickness--01.jpg

shopify-help--border-thickness--02.jpg

 

Best regards,

 

 

~ Didier 

Zqdo
Shopify Partner
803 32 64

This is an accepted solution.

Try this: Go to your theme customizer, click on the section that you want to make the change to, then scroll down to Add Custom CSS, and try this code:

 

.image-with-text__media{
border: none;
}

 

Does this work?

banned
c2ccoffee
Excursionist
21 1 0

Worked beautifully thank you, also would you know how I can add some lines below each button on the home page?

Zqdo
Shopify Partner
803 32 64

Would you happen to have an example? I'm not entirely sure what you mean. Thanks.

banned
c2ccoffee
Excursionist
21 1 0

IMG_6567.png

Zqdo
Shopify Partner
803 32 64

Thanks. Are you looking to change your buttons into lines, or do you want the lines to come under the buttons?

banned
c2ccoffee
Excursionist
21 1 0
The line under the buttons!
Zqdo
Shopify Partner
803 32 64

This might get a bit complicated. Basically what you'll have to do is this:

 

1) Go into your code files, specifically to the file that is the section that has these images.

 

2) Find the class (Command + F) "button", and right before it, put a <div class="border-bottom> and after </div>

 

3) Go to your CSS file and add this: 

.border-bottom{
margin-top: 20px;
border-bottom: 2px soild #000000;
}

 

Your border should show.

 

I know this might seem a bit confusing, so let me know if you need additional help with this. Thanks!

banned
c2ccoffee
Excursionist
21 1 0

I will try this and let you know if it works been a little busy. Thank you so much for all of the help.

Zqdo
Shopify Partner
803 32 64

Of course! If you would like help setting this up, I'm always happy to assist.

banned