MyLife Theme-Reduce white on template

summerhibiscus · Member · Dec 15, 2015 at 9:52 am
Copy link

Add topic to favorites
Is it possible to remove some of the white at the top of my pages? And also the white in between the page title and top of page?
I really would like to reduce the amount of white in the template.
Thank you

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Dec 15, 2015 at 10:07 pm
Copy link
Hi there, for the space above the page title and sidebar, the #main div has 50px of top padding. Add the following and adjust as desired.
```
#main {
    padding-top: 50px;
}
```
On the white space at the top of the page, are you talking about between the white content section and the header image? If so, try this.
```
#masthead {
    padding-bottom: 0;
}
```
summerhibiscus · Member · Dec 16, 2015 at 12:05 am
Copy link
The first code is perfect! Thank you. But the second code is not what I meant. You can see the white space between the page title and top of page on all pages except the home (about me) page.
summerhibiscus · Member · Dec 16, 2015 at 12:10 am
Copy link
I’m sorry, I’m looking at my contact us page again and the white space is between the page title and the top left home link?
thesacredpath · Member · Dec 16, 2015 at 9:02 am
Copy link
On the contact page, there is bottom margin on the crumb navigation. Add the following and adjust as desired.
```
#crumbs {
    margin-bottom: 50px;
}
```
summerhibiscus · Member · Dec 16, 2015 at 11:58 pm
Copy link
Looks great thank you again. I’m also trying to make my sidebar wider to fill in some of the white on the left of the widgets, next to the main content. I found this code in the forum but no matter what number I set the px to, nothing happens. I prefer not to make the main content area any larger. Thank you for your time.=)
summerhibiscus · Member · Dec 17, 2015 at 12:04 am
Copy link
oops, forgot to include the code.

.widget-area {
width: 250px;
}
thesacredpath · Member · Dec 17, 2015 at 8:53 am
Copy link
CSS is theme specific generally, although there can be some things that are the same. In the My Life theme, you can increase the width of the sidebar by adjusting the % width value in the following CSS.
```
.one-right #secondary {
    width: 27.6%;
}
```
The reason it is set as a percentage is that My Life is a responsive width theme that adjusts to all screen/window widths.
summerhibiscus · Member · Dec 17, 2015 at 11:04 pm
Copy link
Thank you for your help! My site looks just the way I want it to. Happy Holidays!
thesacredpath · Member · Dec 18, 2015 at 12:47 am
Copy link
Happy Holidays to you as well, and you are welcome.

No items found.