Changing the font of one column

Solved
Dike
Pathfinder
99 1 40

Hello everyone,

I was wondering if its possible to change the font of one column. I would like to have the font changed to ''Work Sans'', and everything in white if possible.

Screen Shot 2021-11-19 at 10.32.30.png
URL: https://glowee.nl/

Any help is greatly appreciated.

Thank you.

Accepted Solution (1)

Accepted Solutions
JHKCreate
Shopify Partner
3451 618 875

This is an accepted solution.

Add the following code at the end of your base.css file:

 

document.querySelector("#shopify-section-template--15290490290398__16372376068d4eb299 > div > div > div.title-wrapper-with-link.title-wrapper--self-padded-mobile")
{
    font-family: 'Work Sans'!important;
}

#Slider-template--15290490290398__16372376068d4eb299 > li > div > div.multicolumn-card__info > h3
{
    font-family: 'Work Sans'!important;
}

#Slider-template--15290490290398__16372376068d4eb299 > li > div > div.multicolumn-card__info > div > p
{
    font-family: 'Work Sans'!important;
}

#shopify-section-template--15290490290398__16372376068d4eb299 > div > div > div.center > a
{
    font-family: 'Work Sans'!important;
}


Let me know if that works!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com

View solution in original post

Replies 4 (4)
JHKCreate
Shopify Partner
3451 618 875

Hi @Dike 


On your current homepage that section seems to have changed colors. Is it still the same that should be adjusted?


Let me know!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
Dike
Pathfinder
99 1 40

Hello @JHKCreate , thank you for your reply.

I have opted to use black text color, but I would still like to have the font changed if possible.

Thank you.

JHKCreate
Shopify Partner
3451 618 875

This is an accepted solution.

Add the following code at the end of your base.css file:

 

document.querySelector("#shopify-section-template--15290490290398__16372376068d4eb299 > div > div > div.title-wrapper-with-link.title-wrapper--self-padded-mobile")
{
    font-family: 'Work Sans'!important;
}

#Slider-template--15290490290398__16372376068d4eb299 > li > div > div.multicolumn-card__info > h3
{
    font-family: 'Work Sans'!important;
}

#Slider-template--15290490290398__16372376068d4eb299 > li > div > div.multicolumn-card__info > div > p
{
    font-family: 'Work Sans'!important;
}

#shopify-section-template--15290490290398__16372376068d4eb299 > div > div > div.center > a
{
    font-family: 'Work Sans'!important;
}


Let me know if that works!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
Dike
Pathfinder
99 1 40

This worked perfectly, thank you so much!