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

[c2ccoffee]

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/

[didierdonne]

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.

 

Best regards,

~ Didier 

[Zqdo · 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?

[c2ccoffee]

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

[Zqdo]

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

[c2ccoffee]

 

[Zqdo]

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

[c2ccoffee]

The line under the buttons!

[Zqdo]

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!

[c2ccoffee]

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]

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