Tagged: align bottom, image, sidebar, variable page length container
- This topic has 3 replies, 3 voices, and was last updated 8 years, 3 months ago by Theme Horse Support Team.
-
AuthorPosts
-
February 15, 2016 at 1:04 am #42587ghowesParticipant
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!
February 15, 2016 at 6:04 am #42604Theme Horse Support TeamKeymasterHi ghowes,
Could you please provide us your site Url so that we can provide the exact CSS.
Thank you!
February 15, 2016 at 7:48 am #42606ghowesParticipantHere 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;
}February 18, 2016 at 11:46 am #42707Theme Horse Support TeamKeymasterHi 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!
-
AuthorPosts
- You must be logged in to reply to this topic.