New Shopify Certification now available: Liquid Storefronts for Theme Developers

dawn theme | align footer content to center and add hover color

Solved
milkymotorsport
Explorer
81 0 14

Can someone pls provide css to align footer content to center on desktop and add hover color to links?

https://milkymotorsports.com/

Screenshot 2023-11-01 at 9.53.07 PM.png

Accepted Solution (1)
Artzen_tech
Shopify Partner
521 105 105

This is an accepted solution.

Hello @milkymotorsport 
Its Artzen Technologies! We will be happy to help you today.

Follow the Below Steps:
1) Go to your Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following CSS at the bottom of the file above </body>

 

 

<style>
@media screen and (min-width: 768px){
.footer__content-bottom-wrapper:nth-child(2) {
    justify-content: center!important;
}
.footer__content-bottom-wrapper:nth-child(2) a:hover{
  color: #beff00 !important;
}
}
</style>​

 




Let me know if need further assistance
Regards,
Artzen Technologies

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify

View solution in original post

Replies 5 (5)
Artzen_tech
Shopify Partner
521 105 105

Hello @milkymotorsport 
Its Artzen Technologies! We will be happy to help you today.

PLease send me your store url, if applicable, the Password too.

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify
milkymotorsport
Explorer
81 0 14
Artzen_tech
Shopify Partner
521 105 105

This is an accepted solution.

Hello @milkymotorsport 
Its Artzen Technologies! We will be happy to help you today.

Follow the Below Steps:
1) Go to your Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following CSS at the bottom of the file above </body>

 

 

<style>
@media screen and (min-width: 768px){
.footer__content-bottom-wrapper:nth-child(2) {
    justify-content: center!important;
}
.footer__content-bottom-wrapper:nth-child(2) a:hover{
  color: #beff00 !important;
}
}
</style>​

 




Let me know if need further assistance
Regards,
Artzen Technologies

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify
milkymotorsport
Explorer
81 0 14

@Artzen_tech thank you

Artzen_tech
Shopify Partner
521 105 105

@milkymotorsport Your Welcome 

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify