Docs

[photosteron]

Hi,
Last week I bought X Theme to redesign my website (coming from the Flashlight WP theme). So far I am impressed with the flexibility of the X Theme system and the usage of cornerstone. I choose the Renew theme for my website and have found this forum to be of enormous help. But theres two questions now that I hope you can help me with…:

1.
I wanted to strip the Category lists of my (top) blog page and followed the instructions here ( https://community.theme.co/forums/topic/hide-category-in-post-meta-update/ ) by adding the code in the PHP file in the child-theme setup. This works, but Category lists are now stripped both in the blog (top page) and in the seperate posts. However, I DO would like to have Category listst displayed in the seperate posts only. What do I need to change in the code to have this?

2.
I would like the BLOG menu item to stay active (underlined) while browsing in all the blog pages. I found this information in the forum ( https://community.theme.co/forums/topic/customize-sidebar-and-blog-pages-for-renew-child-theme/ ) and have copied the CSS code of your initial answer (#178187) into my CSS field. I looked up the menu-item-xxxx digit in my website for the BLOG menu and changed this in the CSS code. I kept the colour red (for the moment) to see what changed. It works, but the active box-shadow show up in the wrong spot. I have no idea how to nudge it in place and I hope you can help me with this.

Thanks in advance!
Erik.

[photosteron]

This reply has been marked as private.

[Lely]

Hello Erik,

Thank you for the credentials.
1.)Please remove the code you have added on child theme’s functions.php file. To hide the Category meta on Blog index page, please add this CSS instead on Appearance > Customize > Custom > Edit Global CSS:

.blog .p-meta>span:nth-child(3) {
    display: none;
}

2.) Please update your CSS to this:

.blog .x-navbar .menu-item-2818 a span, .archive .x-navbar .menu-item-2818 a span, .single-post .x-navbar .menu-item-2818 a span {
    box-shadow: 0 2px 0 0 #c5006a !important;
}

Hope this helps.

[photosteron]

Hi Lely,

AWESOME! Thank you very much for the QUICK reply! I’m happy to inform you that your help *almost* made it 😉

At point 1. the CSS code removes my categories on top BLOG page, but the seperator ( a single slash-forward character ” / ” ) that normally sits in between the date and the categories is still visible. I suspect this is a nasty one, but could you have one more look at the code for me? I know it’s a rather cosmetic wish, but I would like this seperator to be invisible too.

Thanks again; don’t know what time-zone you guys are in, but have a great day! (It’s morning here in the Netherlands)

[Lely]

Hi There,

Please use this CSS to hide the separator:

.blog .p-meta>span:nth-child(2):after {
    content: "";
}

Hope this helps.

[photosteron]

Hi Lely,

Wow, SPOT-ON 😉
Thanks again for your help and support! It’s chucking along nicely now; I’m trying to get the site public by next week and I’m almost down to the point where it’s all about updating and streamlining content.

Let me say again that I’m impressed with what I can do with Cornerstone. It really grows on me. I just re-edited an older page and after using WordPress for years with fiddly editors in (my) custom-build websites, I never experienced a visual editor that made it so easy to create pages that look so good. Thumbs up!

Bye,
Erik.

[Christian]

Thank you for your kind words, Erik. Glad we could help. 🙂

[Author]

Posts