Removing large white spaces
-
AuthorPosts
-
takecontrol2021
MemberHello,
I have very large white spaces between the menu and the title of the homepage. How can I remove this?
Thank you.
(My site is not yet live so I doubt you’ll be able to see it.)
The blog I need help with is: (visible only to logged in users)
matinakravi
MemberHi,
You can try this CSS to stick the navigation menü to the left:
.site-header nav { text-align: left; }
Thanks, but clearly I didn’t explain the issue well. My concern is about the vertical space between the menu/ site identity bar at the top, and the title of the homepage below that.
There is also an excessively large space between the title of the homepage the content beneath that.
matinakravi
MemberOk, if you mean the space reserved for the slider, you need to do the following
-Go to Portfolio → Add and publish some portfolio projects. Be sure to add a featured image to each one. Give them all the same Tag, for example: featured.
-Create portfolio page: Go to Pages → Add and create a new page.
-Select the Portfolio page template under Page Attributes.
-Create posts page: Go to Pages → Add and create a new page.
-Select the Default page template under Page Attributes.
-Set previously created portfolio page as static home page, and page with default template as posts page.
-Go to Customize → Featured Content, and enter the tag you selected in the first step. Click Save & Publish. The slider will automatically appear on the front page.matinakravi
MemberSorry, only these two steps enough to activate the slider.
To set up the Featured Content slider for your front page:
-Create some posts with optional Featured Images, and give them all the same Tag, for example: featured.
-Go to Customize → Featured Content, and enter the tag you selected in the previous step. Click Save & Publish. The slider will automatically appear on the front page.I am not using a slider or portfolio.
Please see this image which should clarify what I mean. Sorry for explaining poorly.
matinakravi
MemberThank you for the Screenshot. You can try these CSS and customize the minus numbers as you wish
Pages:
.page-title { margin-top: -55px; margin-bottom: -35px; }
Posts:
.entry-title { margin-top: -55px; margin-bottom: -35px; }
I hope this helps.
Thank you for continuing to try to help. Unfortunately this does not seem to have any effect at all, regardless of what numbers I put in :-(
matinakravi
MemberYou’re welcome.
It seems very difficult to get an answer on this premium theme’s support forum as the theme author has not been active for months. I highly recommend you to open a thread in the CSS support forum including your screenshot and a reference link to this topic. Experienced users and staff there. This issue should not be difficult to solve.
https://wordpress.com/forums/forum/css-customization/
Good luck.
- The topic ‘Removing large white spaces’ is closed to new replies.