Re: Change Footer content colours - Shrine Theme

Solved

Change Footer content colours - Shrine Theme

AAABARTON1
Excursionist
35 0 5

Hi - I'd like to change the content colour of the footer content that is currently black to white.

 

Store Link - https://c92cd8-82.myshopify.com/

 

Shrine PRO Theme

 

Thanks so much!

Accepted Solution (1)

Sweet_Savior_3
Shopify Partner
1329 102 136

This is an accepted solution.

Hello @AAABARTON1 

 

Welcome to Shopify Community.

 

Add below CSS in 'Assets > base.css' file

 

.footer *, .footer a, .footer .footer-block__details-content .list-menu__item--link, .footer .copyright__content a {
    color: #fff;
}
.footer input, .footer button {
    border-color: #fff !important;
    background-color: transparent !important;
    color: #f9447b !important;
}
.footer button:after {
    background-color: #fff !important;
    box-shadow: 0 0 0 var(--inputs-border-width) rgba(255, 255, 255, var(--inputs-border-opacity))
    color: #fff !important;
}
.footer button:before {
    background-color: #f9447b !important;
    box-shadow: 0 0 0 var(--inputs-border-width) rgba(255, 255, 255, var(--inputs-border-opacity))
    color: #fff !important;
}
.footer button:hover, .footer button:focus, 
.footer button:hover:before, .footer button:focus:before {
    background-color: #fff !important;
    color: #f9447b !important;
}
.footer .field:after {
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(255, 255, 255, var(--inputs-border-opacity))
}

 

 

OUTPUT:

Sweet_Savior_3_0-1722447586895.png

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!

View solution in original post

Replies 2 (2)

Sweet_Savior_3
Shopify Partner
1329 102 136

This is an accepted solution.

Hello @AAABARTON1 

 

Welcome to Shopify Community.

 

Add below CSS in 'Assets > base.css' file

 

.footer *, .footer a, .footer .footer-block__details-content .list-menu__item--link, .footer .copyright__content a {
    color: #fff;
}
.footer input, .footer button {
    border-color: #fff !important;
    background-color: transparent !important;
    color: #f9447b !important;
}
.footer button:after {
    background-color: #fff !important;
    box-shadow: 0 0 0 var(--inputs-border-width) rgba(255, 255, 255, var(--inputs-border-opacity))
    color: #fff !important;
}
.footer button:before {
    background-color: #f9447b !important;
    box-shadow: 0 0 0 var(--inputs-border-width) rgba(255, 255, 255, var(--inputs-border-opacity))
    color: #fff !important;
}
.footer button:hover, .footer button:focus, 
.footer button:hover:before, .footer button:focus:before {
    background-color: #fff !important;
    color: #f9447b !important;
}
.footer .field:after {
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(255, 255, 255, var(--inputs-border-opacity))
}

 

 

OUTPUT:

Sweet_Savior_3_0-1722447586895.png

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!
AAABARTON1
Excursionist
35 0 5

Worked, thanks so much!!