Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Change the fonts on my blog image card blocks - CSS


Recommended Posts

Site URL: https://www.brightzine.co/news/2021/5/19/london-vegan-restaurants-we-cant-wait-to-return-to-or-try-for-the-first-time

Hi I tried some CSS I found on here but it didn't work and I need some help.

I'm trying to change the title and subtitle font on the image cards on my blog posts to Helvetica.

https://www.brightzine.co/news/2021/5/19/london-vegan-restaurants-we-cant-wait-to-return-to-or-try-for-the-first-time

 

Much appreciated! 

 

Screen Shot 2021-06-03 at 4.34.31 pm.png

Link to comment
On 6/5/2021 at 2:02 PM, TamsinRose said:

@tuanphan maybe you can help me? 🙂

Add to Design > Custom CSS

/* Blog posts - Image card */
body[class*="collection-type-blog"] .design-layout-card .image-card * {
    font-family: Helvetica !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 month later...

I have adobe typekit setup through custom CSS for all of my h1 to h4 fonts but my blog headlines are showing the standard theme style.

 

Does anyone know how I can edit the CSS so the blog headlines match the rest of the site?

Screen Shot 2021-07-08 at 1.30.55 PM.png

Screen Shot 2021-07-08 at 1.32.12 PM.png

Link to comment
5 hours ago, epete22 said:

I have adobe typekit setup through custom CSS for all of my h1 to h4 fonts but my blog headlines are showing the standard theme style.

 

Does anyone know how I can edit the CSS so the blog headlines match the rest of the site?

Screen Shot 2021-07-08 at 1.30.55 PM.png

Screen Shot 2021-07-08 at 1.32.12 PM.png

Each template, blog has a different class name. Can you share link to post in screenshot? We can check its code

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 7/11/2021 at 9:40 PM, epete22 said:

Hi. Incorrect password. Can you check it again?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
14 hours ago, epete22 said:

Find this code in Custom CSS

h1 {
    font-family: jaf-lapture,serif;
    font-weight: 400;
    font-style: normal;
}

change it to

h1 {
    font-family: jaf-lapture,serif !important;
    font-weight: 400;
    font-style: normal;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...