Making tops of photos line up in Monochrome Pro

[designerwriter]

How do I make these 2 photos line up at the top and reduce the amount of space between the social media icon and the photo in the sidebar? Thanks in advance!

http://griefcandorandlove.com/about/

[apgkhn]

1) To space arrangement for widget items, Because you want to keep them at the same level. So, Add this to your Custom CSS

.sidebar .widget {margin-bottom: 70px;}

Then,
2) Why do not you try to add this photo (http://griefcandorandlove.com/wp-content/uploads/2019/03/About-Cindy-360x360-300x300.jpg) "as 360x360" px size. Guess, your request will take place automatically.

3) so you do not need to touch to this ".simple-social-icons ul li" CSS code.
hope it works.

[designerwriter]

I tried this code...
.sidebar .widget {
margin-bottom: 70px;
}

But it didn’t work. The photo already is 360x360px. Did you mean make it 300x300px? I will change the photo to 300x300 and see if it works. BRB.

[designerwriter]

It worked! Thank you. But I have 2 questions.

1. Why did you have to change the bottom number when it was the top of the photos I wanted flushed and even?

2. How do I make the space less between the photo and the social media icons so that it’s lining up with the bottom of the large photograph to the left? I inspected the element but I couldn’t see where to change the padding.

Also, the 300x300 is the standard sidebar size correct? Then what is the size of the photo above the body? I made it 1600x800 but I wasn’t sure if that reduced to 1200 width. I might as well make it size as so it works well with the sidebar photo. This is why I am asking.

Thanks in advance!

[Author]

Posts