White Space between Rows in Article

[Sam908Ltd]

Hello, please see the following page:
https://www.gardenlabelling.co.uk/compo ... Itemid=111

I am hoping to reduce the white space between each row...At the moment I have been altering the custom position by changing the number in the 'From Y-axis' box but I feel like there must be an easier and less time consuming way to do this!

If anyone can let me know how to reduce the white area so that the images and the text can all be close together that would be great.

Thanks
Sam

[Yiannistaos]

Hi Sam,

Please include the following in your CSS:

Code: Select all

.page-content p {  
   margin-bottom: 0.75rem;  
}  

If you prefer, you can reduce the bottom margin to 0.5rem for less space.

[Sam908Ltd]

Hi Sam,

Please include the following in your CSS:

Code: Select all

.page-content p {  
   margin-bottom: 0.75rem;  
}  

If you prefer, you can reduce the bottom margin to 0.5rem for less space.

Hello, thank you. I am not familiar with coding. Can you direct me where to go? Or, is there a way to do this without coding?

[Yiannistaos]

You're welcome, @Sam908Ltd! If you're not familiar with coding, no worries. In Joomla's SP Page Builder, you can easily add custom CSS:

1. Go to SP Page Builder in your admin panel.
2. Find the Custom CSS section under Settings or Page Options.
3. Paste your CSS code and save.

Let me know if you need further help!

[Sam908Ltd]

You're welcome, @Sam908Ltd! If you're not familiar with coding, no worries. In Joomla's SP Page Builder, you can easily add custom CSS:

1. Go to SP Page Builder in your admin panel.
2. Find the Custom CSS section under Settings or Page Options.
3. Paste your CSS code and save.

Let me know if you need further help!

Thanks for your help! I am just struggling to locate the Custom CSS section. I am inside options in the pages section of SP Page Builder but then there is a whole load of options such as articles, banners, cache, check-in etc and I am not sure where I need to be looking. If you could direct me that would be amazing.

[Yiannistaos]

https://www.joomshaper.com/documentatio ... ss-js-meta

Does this help?

[AMurray]

@Sam908Ltd, Note instruction "go to SP Page Builder" was incorrect - the options shown in above are in the Template (Helix Ultimate), not SP Page Builder. Go to Templates > Styles, click the green button "Template options" and the above screens will be shown. You're adjusting CSS in the template, not with SP Page Builder.
(https://www.joomshaper.com/documentatio ... nager-tips)

While the custom css section above works for small amounts of code, anything more significant would need to go in custom.css (a file you create within the templates folder), equivalent to Cassiopeia's user.css.

[Sam908Ltd]

@Sam908Ltd, Note instruction "go to SP Page Builder" was incorrect - the options shown in above are in the Template (Helix Ultimate), not SP Page Builder. Go to Templates > Styles, click the green button "Template options" and the above screens will be shown. You're adjusting CSS in the template, not with SP Page Builder.
(https://www.joomshaper.com/documentatio ... nager-tips)

While the custom css section above works for small amounts of code, anything more significant would need to go in custom.css (a file you create within the templates folder), equivalent to Cassiopeia's user.css.

Hello

Thanks for the update, that had confused me so thanks for spotting the error in the instruction! Ok so I have added the code in the Custom CSS so it now reads:

@media screen and (max-width: 768px) {
.review_mark {
position: unset;
}.page-content p {
margin-bottom: 0.75rem;
}

Have I inputted this correctly? As there hasnt been a change to the spacing...