Changing The Button Border Colors On Vogue Theme Homepage

[CharlesD]

Good Afternoon,

I am currently using the Vogue theme on my site techie.com - I'd like to change the buttons on the homepage (such as the one that says Spirit above the homepage's fold) so that they do not show a colored border anymore/are borderless.

I am not finding anything in the backend that seems to work whenever I try to update it, what would be the best way to go about doing this?

Thanks!

- Charlie

[JHKCreate]

Hi Charlie!

Can't seem to see your website, would you mind double checking the link please? Will get this done pretty quickly

[diego_ezfy]

Hello,

Thank you for your question.

The website you have shared is not available.

Please share your store URL, page URL and also password (if your store has one), I'll help you out to the best of my ability.

Kind regards,
Diego

[CharlesD]

Oh no! My autocorrect messed up the URL - it is techin.com - sorry for the confusion  

[diego_ezfy · Accepted solution]

@CharlesD Do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

.template-index .button{
    border-color: transparent !important;
}

This code will make your button borderless. 

Please let me know whether it works.

Kind regards,
Diego

[CharlesD]

Thanks Diego!

That worked perfect  

[diego_ezfy]

@CharlesD you're welcome!

Feel free to contact me personally next time you need, I'll be happy to help.

Kind regards, 

Diego 

[CharlesD]

QQ: If I wanted to move the button halfway down the page from where it is sitting now, is there a fast fix?

I want it to still be in the center of the page, but halfway down from where it is now and the fold.

Thanks!