We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Adopt Headline Style and Overlay Transparency in Stellar Blog main view

Featured Lock Resolved Issue
Hello, team,
I am setting up a blog in the template Stellar and would like to change the main view. Two questions:

  • How can I make the currently thick headlines smaller?
  • How can I make the overlay color, which currently hardly shows the underlying images, lighter (e.g. set less transparency)?

For the current view, see the attached illustration.

This can probably be done via css - but I do not know where to look at.

Thanks for your help in advance! :)

Best regards from hot Germany,

Attachments (1)

  • 190726-joomshaper-stellar-blog.png
    190726-joomshaper-stellar-blog.png 602.3 KB

2 Answers

Sifat - Staff

More than a month ago #Permalink
Thanks for your query. Please use this css into your custom css and that'll solve the issue.

.com-content.view-category .article-list .article .article-header h2 {
font-size: 20px !important;
font-weight: 600 !important;
.com-content.view-category .article-list .article .article-intro-image img {
opacity: 1 !important;
.com-content.view-category .article-list .article:hover .article-body:after {
opacity: .4 !important;

Here you'll find all about custom css https://www.joomshaper.com/documentation/helix-framework/helixultimate#documentation-heading-1_8

-Best Regards

There are replies in this post but you are not allowed to view the replies from this post.




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us