BUSINESS CONSULTING — Changing the padding between paragraphs

[Casara Clark]

Hey!

I’m working here on this page: https://www.ramolawpc.com/refresh/attorneys/elsa-ramo/

The format, as it is now, looks like there’s certain padding before and after a line break (so basically, I don’t have to insert a blank line to get a space between paragraphs).

But the company is saying they want less padding in some sections (specifically within the tabs, with the bullet points and “headings” which are just <p> text bolded), so how can I change that? I don’t want it to be exactly the same as the padding between lines with no line break, but perhaps somewhere in the middle?

I also tried making them headings and the padding seemed more extreme.

Thank you!
Casara

[Sonl Sinha]

Hi,

Kindly use this CSS to reduce space.

#skt-builder-tab-234 p {
    margin-bottom: 8px;
}

Regards,
Brad

[Casara Clark]

Ahh, thank you! This worked on the paragraphs perfectly, but I thought it would also affect the space between the lines and the lists in other tabs (like under AWARDS/RECOGNITIONS) on this page — https://www.ramolawpc.com/refresh/attorneys/elsa-ramo/

And it didn’t. Perhaps lists have their own padding at the top?

I thought I was making the task simpler by just asking for paragraph padding, but I guess not, I guess lists’ margin-top padding must be different?

I did try to take the code you offered and adjust it!

#skt-builder-tab-234 li {
    margin-top: 8px;
}

But this did not work.

How can I edit the padding between the line and the bullet point list?

Thank you!
Casara

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

#skt-builder-tab-303 p {
    margin-bottom: 0px;
}
#skt-builder-tab-303 ul {
    margin: 5px 0;
}

Regards,
Brad

[Casara Clark]

Thank you. The AWARDS/RECOGNITIONS tab looks great! I was hoping this would be a global change though, but I’m seeing that it’s only affecting that tab, not any of the others.

I can definitely work with this and I see how I can use your code as a template, figure out the block number for the every other tab I want to be affected, and copy and repaste … is my understanding correct? Is that the way I have to do it?

It’s fine if I do, and it is fine if there’s no global way to change that spacing, but I do want to confirm ahead of time, since doing so WILL be time-consuming (15 pages like this, all with their own tabs).

So to summarize, is there an easy way to apply that change globally for all the tabs on all the pages? (if not, I do have the information I need from you to apply it to every tab individually, so thank you!)

Thank you so much!
Casara

[Sonl Sinha]

Hi,

Kindly use this CSS

#skt-builder-tab p {
    margin-bottom: 8px;
}
#skt-builder-tab ul {
    margin: 5px 0;
}

Regards,
Brad

[Casara Clark]

Thank you so much. It looks like some tabs are taking on the general code and some are not. I will just take your template for the css to enter for each specific tab and go from there for each tab on each page.

Thank you again!
Casara

[Sonl Sinha]

Hi,

Which tabs are not working with general CSS code?

Regards,
Brad

[Casara Clark]

Thank you so much for asking, but once I pulled up the pages that weren’t sticking, it was much quicker and easier to just make the change right then, using the individual tab coding you provided above. Way less needed the individual coding than I initially thought, but they’re all looking good now. Thank you!

[Sonl Sinha]

????

[Author]

Posts