[ghowes]

I have 2 parts to my right sidebar, an image and links that align to the top of the page, AND an image that I want to align to the very bottom of the page based on the length of the copy. I can put a bunch of paragraph breaks in the sidebar to push the bottom down but it stays at the same level for all pages. Is there a way to have an image that always anchors to the bottom of the sidebar aligned to the bottom of the main page content?

Many thanks for the help – great theme!

[Theme Horse Support Team]

Hi ghowes,

Could you please provide us your site Url so that we can provide the exact CSS.

Thank you!

[ghowes]

Here is a page and the current css. I treid the display: table-cell method based on some research but it did not have any affect so I’ve fixed the height at 900px for now. I’d like to have that bottom image align to the bottom of the content. Thank you!

“http://therecreationcoach.com/programs/addiction-recovery/”

#secondary {
display: table-cell;
background-image: url(http://therecreationcoach.com/wp-content/uploads/2016/02/watermark-01.png);
background-size: contain;
background-repeat: no-repeat;
background-position: right bottom;
height: 900px;
}
#content, #secondary {
display: table-cell;
}

[Theme Horse Support Team]

Hi Ghowes,

What about adding that image to the #primary tag rather than in #secondary? So that it stays at the bottom of the each article.

Thank you!

[Author]

Posts