Padding In Colored Area

I want to add some extra padding in the light blue color on the right side of the sidebar so there is some blue showing like there is on the far right end of the website. I also want to add a little more padding where the purple is under the Save an animal section. Finally, I'd like to add some more grey above the "Who We Are" "Volunteer" "Events" and "Places to Rescue" sections.

theme1.1stopnonprofitshop.com

 

Hi,

For extra padding in the light blue color, you need to add the code written below to the custom CSS in theme option panel.

Code:

.content-wrapper .content-info.home {
    margin-top: 10px;
    margin-left: 15px;
    padding: 15px 25px;
}

To add some more grey to "Who We Are" "Volunteer" "Events" and "Places to Rescue" sections, add the code written below to the custom CSS in theme option panel.

Code:

#content{
margin-left:15px;
}
#content .one_fourth h3,
#content .one_fourth p{
padding:0 15px;
}
.feature_widget{
padding:15px;
}

This code will surely help you

Thanks & Regards
Nitin
InkThemes.com

 

The first code you gave me moved this top section over...but I want the 4 featured area moved over as well.

 

I don't know what happened...I added the second code and now it took away all of the colored areas. Can you help me with this issue?

 

Hi,

Hope you are doing good...!

To add the padding on the right of the sidebar, paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.sidebar-left {
    padding-right: 20px;
}

After setting the padding, the width of the e-mail box in the "Subscribe to our Newsletter" section will need to be set separately, to do this, use the CSS code given below:-

Code:

input[type="text"] {
    width: 230px;
}

Next, to add the padding where the purple is under the Save an animal section, use the CSS code given below:-

Code:

.content-wrapper .content-info.home {
    padding-bottom: 20px;
}

To add more grey space for your color, we need to add padding above, so use the CSS code given below:-

Code:

#content {
    padding-top: 14px;
}

Hope this helps...!

Thanks & Regards!
Nitin
InkThemes.com