Some CSS Stylings for Module not being applied

Greetings :waving_hand:

URL: https://22616241.hs-sites.com/blog

Module Ref: iCEV Blog Listing 3

I am customizing a module from a parent theme and I’m having trouble getting the font-size to be applied from the module.css. Whenever I inspect the page I see that the styling is being applied from “blog:298” but I’m not certain where to configure this styling at, and any attempts at placing the css code in either the module.css or theme-overrides.css proves unsuccessful.

There is another module that is similar, iCEV Blog Listing 2, which successfully has the font-size being applied from the module.css stylesheet.

What am I missing? I’ve checked main.css/base.html/theme-overrides.css

If there is a need for code, I will supply it, I didn’t want to over encumber the original post.


Blog Listing 3

Blog Listing 2

Hi @antp_dev,

Can you indicate which font you’re trying to change the size of?

In iCEV Blog Listing 3:

The H2 is set by theme-overrides

p.blog-post-name__date is being set in module

H3 (.font-size-24) is set by theme-overrides

blog-card__author is just inheriting body font size

It looks like its the .blog-card-topic a that’s being set somewhere else. A blog.css file maybe? IOr from another module on the page?

In any case I think the quickest workaround would be targeting more specifically.

So instead of

.blog-card-topic a {
font:HUGE;
}

Use

.quest-blog-listings-3__container .blog-card-topic a {
font:HUGE;
}

Assuming .quest-blog-listings-3__container is a class unique to that module.


Barry Grennan

Freelance HubSpot CMS Developer

Website | Contact

Apologies, yes I aim to set the font size for the card topics. I’ve looked at the blog.css and it does have code

.blog-card-topic a {
 font-size: 10px;
}

I’ll see about drilling down and specifying the class as you have mentioned.

A further look at iCEV Blog Listing 2 tells me that’s exactly what they’ve done there.

section.quest-blog-listings-2 .topic__list a {
 margin-right: 6px;
 font-size: 10px;
 ...
 ...
}

section.quest-blog-listings-2 being unique to that module I’d assume.


Barry Grennan

Freelance HubSpot CMS Developer

Website | Contact

Thanks Barry!
Yeah I wasn’t drilled down enough and the CSS wasn’t being applied.