Home › Forums › Jevelin Theme › Footer margins are different on a page vs homepage
Home › Forums › Jevelin Theme › Footer margins are different on a page vs homepage
Hi,
In attachment file you can see that 2 pages have 2 different margins in the footer.
See private info field
Hi @CommandPost,
I hope you are well today and thank you for your question.
It seems happening on your shared site due to the below CSS code used on your site using Yellow Pencil editor.
div:nth-child(1) > div:nth-child(4) div:nth-child(1){padding-top:0px !important;}
So please remove the code by resetting style as described in the below pages.
https://yellowpencil.waspthemes.com/docs/managing-changes-on-entire-website/
https://yellowpencil.waspthemes.com/docs/managing-the-element-styles/
Best regards,
Shufflehound team
Hi,
Thank you for your response.
It is true that I have used the yellow pencil editor. I used it to hide the margin between the header and the first image.
I will reset the style as you posted. Thanks!
You are most welcome here 🙂
Hi,
I have made a new page, and the margins are incorrect. I have a very large margin at the top of my page. If I remove it with the yellow pencil editor, the footer disappears too – as said in my opening post.
How do I tackle this problem?
See all info in private info field.
Many thanks!
I don’t see the large margin on the top of the page of your shared page.
Are you referring to the margin as shown in the attached screenshot?
Yes that’s what I meant. It’s below the header, above the title and image.
I am still confused so could you please share me the screenshot of the issues?
In the attachment file you can see it highlighted in green. I highlighted by pointing to it in the inspect element mode of my browser.
When I delete this margin or make it smaller with Yellow Pencil Editor, my footer margin also changes. You can see this in the attached screenshot in the original post of this support thread.
Solution for this topic
You can reduce it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#wrapper > .content-container.sh-page-layout-default { padding-top: 10px; }
It works, thank you!
You are always welcome here 🙂