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

Your Time: Our Time:

joomla article: top and bottom padding

Featured Lock Resolved Task
I created a simple joomla article with a photo as a test. How can I eliminate all unnecessary top space for all articles (orange arrow)? Can the space under the article also be compacted?
I can't understand how I can help myself with firebug.
Can you help me with the custom css?

Greetings from Italy, Thanks again for your support
Raffaele

finatic article.jpg

Attachments (1)

  • finatic article.jpg
    finatic article.jpg 121.4 KB

12 Answers

you are GREAT!

When you want to take a guided tour of our active volcanoes that we monitor, come and visit us!
We are Department of Earth, Environmental and Resources Sciences (Univ. of Naples Federico II, Italy)
:D

Paul Frankowski - Staff

4 weeks ago #Permalink
Caio,
In custom CSS add below code, should help for top area

.view-article #sp-main-body {padding-top: 40px;}


Buona giornata
it doesn't work!!!! :(
that is, it works, even putting 0px, but it's too little

Paul Frankowski - Staff

4 weeks ago #Permalink
Can I see the site URL?
http://##.###.###/it/distar-chi-siamo/struttura

under construction, just started...

Can I see the site URL?

Paul Frankowski - Staff

4 weeks ago #Permalink
Thanks, this should help


.view-article .finatic-blog-details div[itemprop="articleBody"] {margin-top: 50px; }

Paul Frankowski - Staff

4 weeks ago #Permalink
I have to consider such a bike-packing trip, thanks ;)
the last one! :)

which custom css (even for a selected article only) should I use to fill the entire blue area of the div in a fluid way?
joomla article - finatic template

prova1.jpg

Attachments (1)

  • prova1.jpg
    prova1.jpg 328.4 KB

Paul Frankowski - Staff

4 weeks ago #Permalink
Each article in menu item has unique ID number-name so it's quite easy to add styles for the selected article.
For that number search in <body class=".............. itemid-201
---
Now the important part:

.itemid-201 #sp-main-body .container
{ max-width: 100%; }
That is, do I have to add that code with ID-number of my menu item in custom css of the template, each time for each item?

is it not possible to create a unique code in custom css of the template and in joomla "Menus: edit item => page display => page class" insert a class that calls the template custom css?

thanks

Paul Frankowski - Staff

4 weeks ago #Permalink
yes, of course

then instead ".itemid-201 " you should use that class name


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

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 129
Toufiq

Toufiq

Total Accepted Answers: 100
Sifat

Sifat

Total Accepted Answers: 63
RV

RAFFAELE VIOLA

Total Accepted Answers: 2
O

Olga

Total Accepted Answers: 1

116

Templates

299688

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