Home › Forums › Jevelin Theme › Reduce the amount of space in main site
Home › Forums › Jevelin Theme › Reduce the amount of space in main site
I would like to reduce the height of the space above the content on each of my pages. Upon closer inspection, I found this code:
<div class=”styles-section-title styles-selector”>
<div><span class=”selector”><span class=”simple-selector selector-matches”>.sh-section-4d4067b807af39da6d72dc2c5d301bf0</span></span><span class=”sidebar-pane-open-brace”> {</span></div>
</div>
<div class=”style-properties matched-styles monospace styles-panel-hovered”>
<div class=”tree-outline-disclosure”>
<span class=”webkit-css-property”>padding</span>: <span class=”value”>100px 0px 100px 0px</span>;
</div>
</div>
<div class=”sidebar-pane-closing-brace”>}</div>
<div></div>
<div>I would like the Top margin to be around 50px … but when I modify that code in the Custom CSS section, it has no effect (it looks like the long number/letter combination changes every time the page loads?).</div>
<div></div>
<div>I would like this change on both the Homepage and Contact page – so that the Content begins at the same height as the logo in the Header.</div>
I have no idea what happened to my message! I looks like when I pasted the code, it formatted the rest of my message in HTML. Ugh….
I’m attaching a screenshot of the code I found that I think will correct the issue — but as I said, it looks like the long number/letter combination changes every time the page loads?).
I would like this change on both the Homepage and Contact page – so that the Content begins at the same height as the logo in the Header.
Hi @eliz1459,
I hope you are well today and thank you for your question.
You can achieve 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
#content .fw-page-builder-content > section { padding-top: 0; }
Best regards,
Shufflehound team