Docs

[Thomathon]

I have just added a blog to my one-page website. The blog is on a seperate page and everything seems to be working perfectly. All of the menu items (apart from the blog) link to content bands on the main page. To be able to get back on the main page using the menu items from the blog I added the website url infront of the content band id in the menu links. This works well except that now when I’m on my main page the one-page menu items are all constantly highlighted. How do I fix this?

My second problem is just that I wish to change the design of my blog. My website uses the ‘dark’ design and so I assume this is why my blog items are black with grey writing. I would like to change this so my blog items (and the actual posts) are on a white background with black writing.

My website is cherokeemedia.co.uk

Thanks 🙂

[Rupok]

Hi there,

Thanks for writing in!

#1. One Page Navigation supposed to be used on one page website. So you can’t just mix up one page navigation with multi page links. So in that case either you need to remove the active menu highlight style that would be confusing or you need to use separate menu for the page. That is you can create a different menu assign this for the home page where one page links should be only ID. And then create a general menu (or the current one that you are using) for rest of the site.

Hope this makes sense.

#2. You can add this under Custom > CSS in the Customizer.

.blog .entry-wrap, .single-post .entry-wrap {
  background-color: #fff;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.85) inset, 0 3px 2px -2px rgba(255, 255, 255, 0.075);
}

.blog .entry-footer a, .single-post .entry-footer a {
  color: #333;
}

Hope this helps.

Cheers!

[Thomathon]

Thanks for the help. The blog css works well and looks excellent! The only problem I have now is that the comments section is still using the dark design theme. Any way to change this so that the comment section is displayed with black text on white also?

[Thai]

Hi There,

Please add the following CSS:

article.comment {
    background-color: rgba(255, 255, 255, 0.5);
    color: #000;
    box-shadow: inset 0 -0.125em 0.5em 0 rgba(216, 208, 208, 0.85),0 3px 2px -2px rgba(255,255,255,0.075);
}

Hope it helps 🙂

[Author]

Posts