1. Finatic
  2. Saturday, 21 September 2019
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)
Accepted Answer
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
  1. more than a month ago
  2. Finatic
  3. # Permalink
Responses (11)
Caio,
In custom CSS add below code, should help for top area

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


Buona giornata
  1. more than a month ago
  2. Finatic
  3. # 1
it doesn't work!!!! :(
that is, it works, even putting 0px, but it's too little
  1. more than a month ago
  2. Finatic
  3. # 2
Can I see the site URL?
  1. more than a month ago
  2. Finatic
  3. # 3
http://##.###.###/it/distar-chi-siamo/struttura

under construction, just started...

Can I see the site URL?
  1. more than a month ago
  2. Finatic
  3. # 4
Thanks, this should help


.view-article .finatic-blog-details div[itemprop="articleBody"] {margin-top: 50px; }
  1. more than a month ago
  2. Finatic
  3. # 5
I have to consider such a bike-packing trip, thanks ;)
  1. more than a month ago
  2. Finatic
  3. # 6
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)
  1. more than a month ago
  2. Finatic
  3. # 7
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%; }
  1. more than a month ago
  2. Finatic
  3. # 8
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
  1. more than a month ago
  2. Finatic
  3. # 9
yes, of course

then instead ".itemid-201 " you should use that class name
  1. more than a month ago
  2. Finatic
  3. # 10


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


This forum is archived

This forum has been archived. Please use JoomShaper official support system.