Support Forums

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

Your Time: Our Time:

Reduction of title size Menu

Featured Lock Resolved Issue
Hi...

Please how can i reduce the size of this title (font size) in the template?

See image attached.

Thank you.

Attachments (1)

  • fnce.PNG
    fnce.PNG 767 KB

7 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Please use this css into custom css to solve this problem.

.sp-page-title h2 {
font-size: 50px !important;
}


-Thanks

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
default style :

.sp-page-title h2 {
font-size: 72px;
line-height: 1;
text-transform: uppercase;
font-weight: 900;
}


I agree - can be too huge.

reduce value of font-size (44px) and put your customized code here

Attachments (1)

  • custom_css_field_helix3.png
    custom_css_field_helix3.png 9.9 KB

abdul_12345

More than a month ago #Permalink
Like magic,... It works well.

Thanks Paul :)

abdul_12345

More than a month ago #Permalink
Like magic,... It works well.

Thanks Paul :)


One more thing..

How to reduce the size of the block itself. Seems no place to change the size in tht code

Please see attached.

Attachments (1)

  • fnce1.PNG
    fnce1.PNG 649.4 KB

Paul Frankowski - Staff

More than a month ago #Permalink
change/reduce default values of padding:


.sp-page-title { padding: 80px 0 85px; }

abdul_12345

More than a month ago #Permalink
change/reduce default values of padding:


.sp-page-title { padding: 80px 0 85px; }

Fantastics... It works well..

Thank you so much.


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 125
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 117
Toufiq

Toufiq

Total Accepted Answers: 62
Pavel

Pavel

Total Accepted Answers: 5
Peter Atkin

Peter Atkin

Total Accepted Answers: 2

100+

Templates

200,000+

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