# Some CSS Stylings for Module not being applied

**URL:** <https://community.hubspot.com/t/some-css-stylings-for-module-not-being-applied/67465>\
**Category:** CMS Development\
**Tags:** design-manager, css\
**Created:** [October 19, 2022, 4:07pm UTC](https://community.hubspot.com/t/some-css-stylings-for-module-not-being-applied/67465 "2022-10-19T16:07:53Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![antp\_dev](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/antp_dev/32/74772_2.png) [@antp\_dev](https://community.hubspot.com/u/antp_dev)\
**Post date:** [October 19, 2022, 4:07pm UTC](https://community.hubspot.com/t/some-css-stylings-for-module-not-being-applied/67465/1 "2022-10-19T16:07:53Z")

</div>

Greetings 👋

URL: [https://22616241.hs-sites.com/blog](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.

 ![Screen Shot 2022-10-19 at 11.01.04 AM.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/b/c/bcc2fe0fad7cbd832e0b1af75383750ae5435a59.jpeg)  
Blog Listing 3  
 ![Screen Shot 2022-10-19 at 11.01.17 AM.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/2X/6/6a1141a5dcc03fcad61cdc3582ac2f187d236899.jpeg)  
Blog Listing 2

---

<div class="post-metadata">

**Author:** ![BarryGrennan](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/barrygrennan/32/97794_2.png) [@BarryGrennan](https://community.hubspot.com/u/BarryGrennan)\
**Post date:** [October 19, 2022, 4:35pm UTC](https://community.hubspot.com/t/some-css-stylings-for-module-not-being-applied/67465/2 "2022-10-19T16:35:38Z")

</div>

Hi [@antp\_dev](https://community.hubspot.com/t5/user/viewprofilepage/user-id/297419),

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

```lia-code-sample
.blog-card-topic a {
font:HUGE;
}

```

Use

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

```

Assuming .quest-blog-listings-3\_\_container is a class unique to that module.

* * *

 ![profile2022a.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/2X/7/7273a34ccfe3489fceebc8a36eca751481b59531.jpeg)

**Barry Grennan**

[Freelance HubSpot CMS Developer](https://www.seoanseo.ca?utm_source=HubSpotCommunity)

[Website](https://www.seoanseo.ca?utm_source=HubSpotCommunity) | [Contact](https://www.seoanseo.ca/#contact?utm_source=HubSpotCommunity)

---

<div class="post-metadata">

**Author:** ![antp\_dev](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/antp_dev/32/74772_2.png) [@antp\_dev](https://community.hubspot.com/u/antp_dev)\
**Post date:** [October 19, 2022, 4:40pm UTC](https://community.hubspot.com/t/some-css-stylings-for-module-not-being-applied/67465/3 "2022-10-19T16:40:17Z")

</div>

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

```lia-code-sample
.blog-card-topic a {
 font-size: 10px;
}

```

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

---

<div class="post-metadata">

**Author:** ![BarryGrennan](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/barrygrennan/32/97794_2.png) [@BarryGrennan](https://community.hubspot.com/u/BarryGrennan)\
**Post date:** [October 19, 2022, 4:47pm UTC](https://community.hubspot.com/t/some-css-stylings-for-module-not-being-applied/67465/4 "2022-10-19T16:47:01Z")

</div>

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

```lia-code-sample
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.

* * *

 ![profile2022a.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/2X/7/7273a34ccfe3489fceebc8a36eca751481b59531.jpeg)

**Barry Grennan**

[Freelance HubSpot CMS Developer](https://www.seoanseo.ca?utm_source=HubSpotCommunity)

[Website](https://www.seoanseo.ca?utm_source=HubSpotCommunity) | [Contact](https://www.seoanseo.ca/#contact?utm_source=HubSpotCommunity)

---

<div class="post-metadata">

**Author:** ![antp\_dev](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/antp_dev/32/74772_2.png) [@antp\_dev](https://community.hubspot.com/u/antp_dev)\
**Post date:** [October 20, 2022, 9:17pm UTC](https://community.hubspot.com/t/some-css-stylings-for-module-not-being-applied/67465/5 "2022-10-20T21:17:59Z")

</div>

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