Spacing In Joomla Modul Shown In Page Builder
Jan Korshavn
Hi, I have some module to be shown using the add-on Joomla Module in Page Builder. The images are set 544 x 544 pix, but still there is a white space below them when shown on the live page. I can't find the setting(s) relating to this, could you please assist?
The page link: https://ostfoldfk.com/index.php
You'll find four module in the bottom of the home page, a picture is shown in the two from the left. Note the white space under both of them.
Best rgds. Jan K
Paul Frankowski
Accepted AnswerHi Jan,
the answer is very easy. You put image(s) inside <p> and by default p has margin-bottom: 1rem; from bootstrap style.
Edit those modules, switch to HTML mode and change from <p>... </p> to <div> .... </div> Save changes.
OR
you can use custom CSS to remove margin-bottom from all those modules:
.mod-custom.custom p {margin-bottom: 0;}Both ways are OK. Choose one.
Jan Korshavn
Accepted AnswerHi Paul, Worked perfectly, used <div> in the module in case I need that spacing elsewhere.
Many thx!
Best rgds, JanK
Jan Korshavn
Accepted AnswerHi Paul, A follow-up on this case;
I have put in a modul on the same page with an image 1088 x 544 pix, double width and same height. The columns in this row is 3+6+3. Page made with SP SiteBuilder Pro.
I have used <div> and </div> in the html editor, but still this image appears with a larger height (313.333) than the other two images (298,667).
You will see the issue in the bottom of the start page:
Some other automatic settings issue here?
Best rgds, JanK