Support Forums

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

Your Time: Our Time:

Custom code for font spacing

Featured Lock Resolved Issue
Hey guys, thanks in advance for your time.

I am using the Product Details page from the Organic layout and would like to change the font spacing on just the mid-page product details. I have a -3.7px spacing for titles throughout the page I believe, but the size of the headers for this area makes the letters too close to read.

I have created a custom CSS that I added into the page builder custom css area, and I assigned it to the corresponding titles as a CSS Class.

.titlespacing {
letter-spacing: 0px;

This doesn't seem to do anything at all. Any tips?

Attachments (1)

  • Joomshaper_spacing_titles.jpg
    Joomshaper_spacing_titles.jpg 343.1 KB

5 Answers

Paul Frankowski - Staff

4 weeks ago #Permalink
2nd method:
a) Inside Row where you want to use it, in options > Class Name add word: normal
b) Inside custom CSS add:

.normal .sppb-addon-text-block .sppb-addon-title
{letter-spacing: 0px !important;}

Paul Frankowski - Staff

4 weeks ago #Permalink
in template custom CSS add this:

body:not(.view-article) #sp-page-builder .sppb-addon-text-block .sppb-addon-title
{letter-spacing: 0px !important;}

then clear Joomla cache
Thank you, this works great for the whole page, but I am having trouble figuring out how to assign it to only the headings that need it. I believe I need to make it a class of its own, but I'm not sure how to do that the way it's set up.

Paul Frankowski - Staff

4 weeks ago #Permalink
If only on selected subpage
Add to menu, so that page will get unique class name which you have to use instead that part

There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)



Total Accepted Answers: 121
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 110


Total Accepted Answers: 82
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 5


Total Accepted Answers: 2




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. is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us