Change blog heading font CSS dawn them

Solved

Change blog heading font CSS dawn them

tahliahanke
Excursionist
21 0 4

Hello i would like to change the blog tite font for when dispaying a blog post section on home page

can someone pls help me with the code for this, thank you

Accepted Solution (1)
BSSCommerce-HDL
Shopify Partner
2079 738 929

This is an accepted solution.

Hi @tahliahanke, Pls try again with this code: 

 

<style>
.blog__posts .card-wrapper .full-unstyled-link {
    font-family: cursive !important;
}
</style>

 

Here is result: 

BSSCommerceHDL_0-1723949143925.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 8 (8)

BSSCommerce-HDL
Shopify Partner
2079 738 929

Hi @tahliahankeCan you kindly share your store link with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

tahliahanke
Excursionist
21 0 4
BSSCommerce-HDL
Shopify Partner
2079 738 929

Hi @tahliahanke

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

 

 

<style>
.blog__posts .card-wrapper .full-unstyled-link {
    font-size: 18px !important;
}
</style>

 

 

 

Here is result:

BSSCommerceHDL_0-1723948517813.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

tahliahanke
Excursionist
21 0 4

i want to change the font family, not font size please

BSSCommerce-HDL
Shopify Partner
2079 738 929

This is an accepted solution.

Hi @tahliahanke, Pls try again with this code: 

 

<style>
.blog__posts .card-wrapper .full-unstyled-link {
    font-family: cursive !important;
}
</style>

 

Here is result: 

BSSCommerceHDL_0-1723949143925.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

Guleria
Shopify Partner
3397 677 958

Hello @tahliahanke ,

 

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code at the bottom:

 

.blog .blog__title {
    font-family: cursive;
    font-weight: 600;
}

 

You can change font-family value a/to your need to use different font.

 

Thanks

- If helpful then please Like and Accept Solution.
- Drop an email   if you are looking for quick fix or any customization ( paid services )
- Email: guleriathakur43@gmail.com
- Try GEMPAGES a great page builder
tahliahanke
Excursionist
21 0 4

that did not work, to be clear i want to change the inidivual titles of each blog displaying, not the 'from the blog' section heading

Guleria
Shopify Partner
3397 677 958

Use this css

.blog .card__heading.h2 {
    font-family: cursive;
}
- If helpful then please Like and Accept Solution.
- Drop an email   if you are looking for quick fix or any customization ( paid services )
- Email: guleriathakur43@gmail.com
- Try GEMPAGES a great page builder