Margin Edits

[Judy Gaudin]

A few questions for Agency Theme….thank you for your assistance!

1) Decrease the space between widgets on default pages.

2) Decrease space between donate bar and page text on Home page.

3) Decrease space between footer and widgets on Home page.

4) What is the color field for header on mobile device?

I appreciate you…..have a great weekend

Judy

[Bill Robbins]

Hello Judy,

You can make those changes. I’ve rolled the changes into one block of CSS. Here’s how to use it:

1. Go to your theme options page and choose the Style tab.
2. Scroll down to the Custom CSS box and add this:

   
   #sidebar .widget {
   	margin-bottom: 10px;
   }
   
   #home-content {
   	padding-top: 10px;
   	padding-bottom: 10px;
   }
   
   #home-content p:last-of-type {
   	margin-bottom: 0;
   }
   
   .widget_sp_image img {
   	margin-bottom: 0;
   }
   
   @media only screen and (max-width: 767px) {
   
   	#navigation {
   		background: none;
   	}
   
   }
   

3. Update your settings.

The mobile background was being affected by the semi-transparent black of the navigation bar. The code above will remove it. From that point it uses the header background color that’s set in the theme options. If you run into trouble, let me know.

Enjoy your weekend too,
Bill

[Author]

Posts