Solved

How to highlight text or have solid block colour behind text Sense theme

Printatme
Explorer
55 0 7

Hi,

 

I am using the 'Sense Theme' and I was wondering if someone could help me find a solution on, having a colour block or highlighted text on the footer. Example below; The three  elements with boxes around them are the sections I want to either highlight the text in or have a solid colour box behind the text that's white or light grey.

Printatme_0-1701342624685.png

Printatme_1-1701342933805.png

 

my website is

printreality.co.uk

private message me for the password.

 

Thank you,

Maria

 

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
7538 1454 1452

This is an accepted solution.

Add this code to your theme.liquid file, after <head> tag

<style>
@media screen and (min-width: 750px) {
.footer__content-top .footer__blocks-wrapper .footer-block {
    background: #e0ffff;
    padding: 5px 20px;
}
.footer__content-top .grid {
    column-gap: 4rem;
}
}
</style>

 

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
7538 1454 1452

Please use this code. 

@media screen and (min-width: 750px) {
.footer__content-top .footer__blocks-wrapper .footer-block {
    background: #e0ffff;
    padding: 5px 20px;
}
.footer__content-top .grid {
    column-gap: 4rem;
}
}

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Printatme
Explorer
55 0 7

@Dan-From-Ryviu  thank you where do I put the code ? 

Dan-From-Ryviu
Shopify Partner
7538 1454 1452

This is an accepted solution.

Add this code to your theme.liquid file, after <head> tag

<style>
@media screen and (min-width: 750px) {
.footer__content-top .footer__blocks-wrapper .footer-block {
    background: #e0ffff;
    padding: 5px 20px;
}
.footer__content-top .grid {
    column-gap: 4rem;
}
}
</style>

 

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now