How To Fix Sidebar Pushed To Bottom

[stefanravalli]

Hi Guys,

It seems I was being a bit of a cowboy with my CSS and now my sidebar in my blog area has been pushed to the bottom underneath the content instead of beside it. And the background area of my footer seems to have disappeared.

Site Here:
http://www.forwardharmony.com/blog

Wha happened? (I was being gentle)

http://www.forwardharmony.com/blog

[Christoph]

Hi,

around line 610 of the style.css it looks like you accidentally removed the width value from
.content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content {

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[stefanravalli]

Awesome thanks so much for that! After setting it to 919px, margin 0 auto, I was able to solve my other desire to close the space between the sidebar and content.

If anyone can, now just need help with:
-mysterious disappearance of background of footer
-close gap b/w blog entries
-close gap b/w sidebars/content + edge of page

[Christoph]

Hi,

The gap between the blog posts is from the margin-bottom in .entry around line 1248 of style.css.
I wouldn't try to "close the gap" between content and edge of page, I'd just change the background-color in body around line 156.
The background-color for .site-footer is defined around line 1453.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[stefanravalli]

Didn't work, but it's okay, for now I have changed the background color to match the blog b/g color. However in future, I would like the flexibility to have a different b/g color and have no gaps b/w posts.

[Christoph]

Well, I don't see any changes in the code for .entry or .site-footer, so I don't know what to tell you.
As for the body background color, just change it to a different background-color.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[stefanravalli]

Oh I didn't leave the changes in. I will put in the changes I wanted if you get a chance to check it again.

Thanks for checking the code again 🙂

[stefanravalli]

Actually I had left the changes in:

.entry {
background-color: #fff;
margin-bottom: 1px; /**changed from something like 28px/
padding: 70px 80px;

Even tried adjusting everything to:

.entry {
background-color: #fff;
margin-bottom: 1px; /**changed from something like 28px/
padding: 1px 1px;

To no avail.

[stefanravalli]

Found it! One down:

.entry-content ol,
.entry-content ul {
margin-bottom: 1px; /**changed from 28px**/
margin-left: 40px;
}

[Christoph]

Hi,

I´m not sure if you are having any caching active (Caching plugin, CDN (like Cloudflare), or hosting) but I don't see the changes in the code:
http://prntscr.com/bwpsfw

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts