Margin Edits

Support Area Forums Agency Margin Edits

This topic contains 1 reply, has 2 voices, and was last updated by  Bill Robbins 2 years, 4 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
URL to the page in question: http://www.childrensjourney.com
  • Author
    Posts
  • #27727

    Judy Gaudin
    Participant

    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

    #27734

    Bill Robbins
    Keymaster

    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

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Margin Edits’ is closed to new replies.