How To Reduce Paragraph () spacing

[tenjinconsulting]

Hi,

Could you tell me how I can reduce the space around the <p> paragraph elements?

At the moment the spacing is way too big for my needs.

Thanks

Darren.

[Raghavendra]

Pls use Custom CSS –

p {
    margin: 0 0 10px 0;
}

[tenjinconsulting]

Hi,

Thanks for the reply. Where do I put that CSS?

I’ve tried to add CSS but it doesn’t seem to have any effect?

In my specific case I’m trying to change the spacing for a <p> inside a SiteOrigin Editor section.

Thanks

Darren.

[Raghavendra]

Pls put the same in Custom CSS tab in theme options.

[tenjinconsulting]

Hi,

Thanks for your help.

I pasted in that css to the Theme Options->Custom CSS screen but it had no effect.

Here is the current content of the CSS:

— START —
h4 {padding-top: 20px;}

.single-post #title-area { display: none; }

p {margin: 0 0 10px 0;}
— END —

Have I done this correctly?

Regards

Darren.

[tenjinconsulting]

Hi,

I’ve used Chrome inspector to work out the elements that I need to change, and have updated the theme CSS to be:

— START —

h4 {padding-top: 20px;}

.single-post #title-area { display: none; }

.features-list-alternate p {
margin-bottom: 10px;
vertical-align: top;
}

#pg-5146-2 .lsow-row {
padding-top: 20px;
}

#pg-5146-0 {
margin-bottom: 0px;
}

#pg-5146-0 .lsow-row {
padding-top: 40px;
}

.heading2 {
text-align: center;
margin: 0px;
/* margin: 0 auto 60px; */
}

— END —

Can you see any problems with the changes I have made, and is this the correct approach?

Kind regards

Darren.

[Raghavendra]

Looks fine to me.

[tenjinconsulting]

Hi,

Thanks, it’s all working fine now.

Regards

Darren.

[Author]

Posts