Small CSS changes

sicurarmor

Hello everyone,
I wanted to make some small adjustments to the CSS in order to slightly change the title of the initial module and the font size of the text under the article.

The module is the JACM in Hero Style 1 version and I wanted to position the text of the title "Hero heading" on a single line. And in "Hero description" I wanted to increase the font.

How do I solve it?
Thanks!

cssyeah

Hi,
Add below CSS custom style to the Edit Custom CSS modal in the template's dashboard.

@media (min-width: 1200px) {
  /* Increase with of item conetnt */
  .ja-acm acm-hero.style-1 .item .col-xxl-5 {
    width: 50%;
  }
  
  /* Increase font of item description */
  .ja-acm acm-hero.style-1 .item .col-xxl-5 .hero-content-inner .lead {
    font-size: 20px;
  }
}

sicurarmor

Thanks! This code is for ALL module with Hero Style 1, right?

cssyeah

Yes. It will work all Hero style 1.