- This topic has 7 replies, 2 voices, and was last updated 7 years ago by Leo.
-
AuthorPosts
-
March 18, 2017 at 5:56 am #293802Helen
Hi there,
Can you advise how I might add some spacing below the nav bar and above the content on my blog page please?I’ve added a 10-px spacer with Elementor under the nav bar on all the pages on http://ichp-hypnotherapy.com except the home page, for example on http://ichp-hypnotherapy.com/services/, and I’d like the blog page to look the same.
But I can’t see how to do that on the blog page http://ichp-hypnotherapy.com/blog/.
Also, I had used featured image on the blog posts and the image showed up in the list of posts on the blog page. To work around the spacing issue I deleted the featured image and placed an image with Elementor in the post instead. This shows up fine on the individual post but now does not show on the blog page.
To illustrate – I did this with the post http://ichp-hypnotherapy.com/christmas-cpd-and-agm-event-10th-december-2016/ and whilst the image shows up on the post, now its image has disappeared from http://ichp-hypnotherapy.com/blog/.
Any ideas gratefully received.
Many thanks,
HelenMarch 18, 2017 at 6:23 am #293815LeoStaffCustomer SupportHi Helen,
Try this CSS:
.blog .main-navigation { margin-bottom: 10px; }
Adding CSS: https://docs.generatepress.com/article/adding-css/
Then this should solve the second part of the question?
Let me know.
March 18, 2017 at 11:19 am #293960HelenHi Leo,
Thanks for your reply. I installed simple css and added.blog .main-navigation {
margin-bottom: 10px;
}into the simple css box at the bottom of the blog page editor.
Unfortunately nothing has changed, no 10px space under the navigation bar on http://ichp-hypnotherapy.com/blog/ or on the posts eg http://ichp-hypnotherapy.com/cpd-event-report-four-speakers-5-11-16/.
Would you have any other ideas please?
Thanks for taking the time,
HelenMarch 18, 2017 at 3:09 pm #294039LeoStaffCustomer SupportHi Helen,
WordPress ignores all metaboxes on index pages (blog, archive etc).
Therefore can you try adding the code to the Simple CSS editor? (Dashboard > Appearance > Simple CSS)
Also if you want the margin on both blog page and single post pages then use this CSS instead:
.blog .main-navigation .single .main-navigation { margin-bottom: 10px; }
Let me know.
March 19, 2017 at 2:03 pm #294424HelenHi Leo,
Many thanks for your reply. I added the code you gave.blog .main-navigation
.single .main-navigation {
margin-bottom: 10px;
}into the simple css editor and saved it.
But still no change to the position of the items on the page I’m afraid. On both the blog page and single posts the content is still right up against the navbar.
I remember a conversation somewhere about putting an “important” command into css to get it to override the hierarchy, but can’t remember how to do it, would that be of any benefit here?
Many thanks for taking the time with this.
Kind regards,
HelenMarch 19, 2017 at 2:07 pm #294425LeoStaffCustomer SupportHmm I don’t see the code being added.
Can you try clearing WP Super Cache?
Let me know.
March 20, 2017 at 11:53 am #294888HelenNo luck I’m afraid after clearing the cache.
So then I installed the microthemer plugin and managed to get a top margin on the featured images on the single posts, but I had to do every post, luckily there’s only a few.
However I couldn’t get microthemer to target the main blog page, it kept going to the individual posts.
So then I thought how about adding a 30px margin below the main navbar which should show up on every page. That worked, although I now have the margin under the navbar on the front page which I didn’t really want, but it’s not a major issue, so I guess that’s an acceptable workaround.
If possible, could you tell me into which file and exactly where the code you gave me should go and I can try adding it with the wp code editor?
Many thanks,
HelenMarch 20, 2017 at 6:57 pm #295008LeoStaffCustomer SupportHi Helen,
Let’s not give up on Simple CSS yet. The CSS should work, we just need to find the reason why it’s not showing up.
Do you have other code in the Simple CSS editor?
You can also try adding this CSS into Additional CSS: https://docs.generatepress.com/article/adding-css/#additional-css
Please disable microthemer for now so we can see what’s going on. Thanks!
-
AuthorPosts
- You must be logged in to reply to this topic.