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.

https://www.otato.ca/component/sppagebuilder/?view=page&id=84

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
Hi,
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
body:not(.view-article)


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

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 121
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 110
Toufiq

Toufiq

Total Accepted Answers: 82
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 5
FUTURECLIENT

FUTURECLIENT

Total Accepted Answers: 2

115

Templates

296316

Community Users

Newsletter

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