I’m using List Menu shortcode to add a menu to a sidebar. How can have the page that is selected be either underlined or bold, like the header menu?
Hello !
This modification will require a custom CSS Code. Please provide us a link to your website and also point out exactly wich fonts you want to change so we can provide a viable solution.
Thank you !
Hi Vlad,
Thank you for your help. This is a link to the site we are working on:
https://staging1.bionavigen.com/services/discovery/
This is the Services > Discovery page. You will see I have a List Menu in the right sidebar (see screenshot https://snag.gy/wuyqa6.jpg). I would like to have “Discovery” to have “700 – bold” style
Hello !
Please try this code and let me know how it works:
.td-technology .td_block_template_13 .td-block-title {
font-size: 20px;
font-weight: 700;
}
This code has to be pasted here: https://www.screencast.com/t/J1Nxw5s5
I hope this was helpfull !
Thank you !
It is not working. Please see link I provided.
Hello !
Apparently the font has only bold or regular option. You should be able to edit it using the tagDiv Composer from the style tab: https://www.screencast.com/t/N2B0Dnd2
Let me know how this worked out !
Thank you !
That is not an option with the List Menu shortcode (see screenshot https://snag.gy/tGmk5S.jpg).
Vlad, just to confirm, I’m not trying to bold the word “Services” in the right rail. I am trying to bold the page name, “Discovery”, indicating you are on the Discovery page.
Hello !
I’m sorry for missunderstanding your issue !
Please try this custom css and let me know how it works for you !
.menu-item-267 {
font-weight: 700;
}
This is the result i have: https://www.screencast.com/t/mnPHo4paXao
Thank you !
Hi Vlad,
Thanks for getting back. This only bolds the first item in the List Menu vs. bolding the List Menu page based on which page you are visiting. The way it should work is that if I’m on this page:
https://staging1.bionavigen.com/services/translational-sciences/
then “Translational Sciences” should be bolded.
When I’m on this page,
https://staging1.bionavigen.com/services/immune-oncology-drug-development/ then
Immuno-Oncology should be bolded in the list menu. Hope this makes more sense.
Hello !
Sorry for missleading you !
This is the code that should work !
.current-menu-item a {
font-weight: bold;
}
Delete the previous code and insert this !
Thank you !
No worries, it worked. Thanks for your help!
