Hi there how do i make my margin/padding height to match my other pages? I would like to have my margin/padding height on top before the text to match this page: http://stg.westsidecg.com/careers/construction-manager/ on ALL my single post pages, currently on http://stg.westsidecg.com/westside-acquires-lakeshore-club-2/ the title is too high up and the margin/padding on top does not match the other page mentioned: http://stg.westsidecg.com/careers/construction-manager/ On that page you can tell that title is much lower, meaning the padding/margin on top is higher…
Hello Carolina,
Thanks for posting in.
Let’s dissect the structure/spacing of the page to understand current spacing and then adjust accordingly.
For this page: http://stg.westsidecg.com/careers/construction-manager/, see this screencast: https://screencast-o-matic.com/watch/cqejjn0tSN
The space on top of the title is currently 5em. This is the top padding you have set on the first section of the page.
On the single post page, see this: https://screencast-o-matic.com/watch/cqejj10tWc
By default on Ethos design for single post page, there is a 35px top and bottom spacing. Now we can adjust this space using custom CSS to match the top space for Construction Manager. We can use this:
.single-post .offset.cf { margin-top: 5em; }
After adding that custom CSS, you can still see a little bit of difference on space. That is coming from line height of the headline. Take note the both headline has different font size and line height attribute. To fix it, adjust that 5em accordingly until it is exactly aligned on top.
Please ignore the background color on the screencast. I just add it to show lines/spaces between section and container.
Hope this helps.
Wow thank you so much for the detailed explanation, I really enjoy understanding why as well…Also it worked perfectly!!!
You’re welcome 
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.