Support Offline : 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

RAFFAELE VIOLA

More than a month ago #Permalink
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

More than a month ago #Permalink
Caio,
In custom CSS add below code, should help for top area

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


Buona giornata

RAFFAELE VIOLA

More than a month ago #Permalink
it doesn't work!!!! :(
that is, it works, even putting 0px, but it's too little

Paul Frankowski - Staff

More than a month ago #Permalink
Can I see the site URL?

RAFFAELE VIOLA

More than a month ago #Permalink
http://##.###.###/it/distar-chi-siamo/struttura

under construction, just started...

Can I see the site URL?

Paul Frankowski - Staff

More than a month ago #Permalink
Thanks, this should help


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

Paul Frankowski - Staff

More than a month ago #Permalink
I have to consider such a bike-packing trip, thanks ;)

RAFFAELE VIOLA

More than a month ago #Permalink
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

More than a month 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%; }

RAFFAELE VIOLA

More than a month ago #Permalink
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

More than a month 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: 114
Toufiq

Toufiq

Total Accepted Answers: 66
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 26
Ofi Khan

Ofi Khan

Total Accepted Answers: 12
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 9

120

Templates

310674

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