Adding Margins to Sidebar Images – Monochrome Pro

[designerwriterParticipant]

I need help solving this issue. I have a sidebar image that I would like lined up with the main photo on the page. I tried numerous ways to line them up...using a bottom margin value, then using only a top margin value, then using both. My client wanted to add text under the photo in the sidebar. When I had the top margin only at 190, the image lined up with the larger image at the bottom but then the text ended up at 190 below the image as well so there was way too much space between the photo and the copy. How do I solve this? Thanks in advance.

http://griefcandorandlove.com/about/

[Victor FontModerator]

You'll have to move the entire sidebar down. Create a class in style.css for:

.sidebar {
    margin-top: 143px;
}

You'll also have to adjust the sidebar in the media query to remove the top margin when on mobile, otherwise you'll have a big gap when the sidebar moves below the content.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts