Changing Padding of individual rows


#1

Hi there,

I was wondering if there may be customer CSS code which I can use to alter the padding of individual rows on my home page? www.livingimagery.com.au

The current code means that I have to change the top and bottom padding of the row, or alternately the padding for all rows on the page.

Basically, I am trying to change the bottom padding of an individual row - the testimonals section as shown on the site, because they overlap.

Thank you so much in advance for any assistance you can provide. This forum has been an excellent resource to date!!

Regards
Lana


#2

Dear Lana,

The page builder has that option already. Go edit your row > Row Styles > Theme > Top/bottom padding. If it didn’t work for you, try the following alternative:

Firstly you should know the element ID of the respective row you wish to have a custom padding. Please refer here https://cloudup.com/cIEIH89MsUT. Then you apply the following code through the Simple Custom CSS plugin or child theme’s style.css:

#pgc-9-2-0{
  padding-top: 100px !important;
  padding-bottom: 100px !important; 
}

I hope this reply helps.

Regards,
Kharis