Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
I am trying to reduce the space between rows on the following page
seniors.lainiemacphotography.com
I have read through several different threads and have tried various css codes, but none have worked.
Thanks in advance!
Hi LainieMac,
You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
#pg-146-0 { /* 1st row */ margin-top: 0px; margin-bottom: 0px; } #pg-146-1 { /* 2nd row */ margin-top: 0px; margin-bottom: 0px; } #pg-146-2 { /* 3rd row */ margin-top: 0px; margin-bottom: 0px; }Adjust the pixel amount of the intended row. Negative will decrease the spacing and positive(anything above 0) will increase it.
You might also need to install the SiteOrigin CSS Editor. Please note that this CSS will only work for LainieMac. If you would like similar changes made please post a new thread.
Thank you so much for your help, Alex, but unfortunately, I still can’t fix the problem. I made those changes, but when I view using firebug, it’s marking out my -60px for bottom margin. I can adjust the first row top margin, but that’s it.
Hi LainieMac,
You’ll need to adjust the margins for the other rows. So for example if I wanted to adjust the second rows margin I would find “#pg-146-1 { /* 2nd row */” and adjust the margin there.