Help with design changes on site: buttons, hover colour over navigation

Highlighted
Excursionist
15 0 4

Can someone help me with these edits?

Site: https://shield-distributors-network.myshopify.com/

password: shield

1) make button solid maroon colour and more spaced out on homepage under "best prices" paragraph

2) Add a button that says "CLICK HERE TO BECOME A DISTRIBUTOR" under paragraph on about page.

3) Add a hover colour over the navigation links when you put mouse over them (maroon colour)

0 Likes
Highlighted
Shopify Partner
55 9 11

For 1st changing button styles, change the classes as highlighted

image.png

 

2) Add a button that says "CLICK HERE TO BECOME A DISTRIBUTOR" under paragraph on about page.

Add this following html code 

<a href="your page link here" class="btn btn--primary btn--big" aria-label="Click Here to Become Distributor">CLICK HERE TO BECOME DISTRIBUTOR</a>

3. Add a hover colour over the navigation links when you put mouse over them (maroon colour)
Add following css : 

nav li a:hover {
    color: #803535!Important;
}

 

If helpful then please Like & Accept Solution. | Buy me a coffee
Customizing Store or upgrading with custom functionality - Hire Me

Feel free to contact me on rrrobin@yahoo.com regarding any help regarding
Shopify Customization | Automation of Tasks | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Functions into Shopify.
0 Likes
Highlighted
Excursionist
15 0 4

Thank you so much for your reply. Where do I add all of the code? Thank you in advance

0 Likes
Highlighted
Excursionist
15 0 4

I added the button on the about page but it is aligned to the left - can you help me make it centred?

0 Likes