Changing the font of one column

Solved
Dike
Excursionist
61 0 23

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
2920 504 723

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


| Satisfied with our solutions? Drop a review on Google

View solution in original post

Replies 4 (4)
JHKCreate
Shopify Partner
2920 504 723

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


| Satisfied with our solutions? Drop a review on Google

Dike
Excursionist
61 0 23

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
2920 504 723

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


| Satisfied with our solutions? Drop a review on Google

View solution in original post

Dike
Excursionist
61 0 23

This worked perfectly, thank you so much!