-
AuthorPosts
-
September 28, 2015 at 12:02 am #509757
hi, i want to mark the menu point on an active page.
September 28, 2015 at 12:12 pm #509979Hi wiwaldi79!
Please add following code to Quick CSS
#top #header .av-main-nav > li.current-menu-item > a { font-weight: bold; color: orange; }
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Regards,
YigitSeptember 28, 2015 at 12:30 pm #509997Works fine. Thanks Yigit. Can i get this also for the footer menu?
and i changed orange to black :)
September 28, 2015 at 12:31 pm #510000And one little thing. there is a problem with the positon :) thanks!!!!!!!
September 28, 2015 at 12:36 pm #510005Hey!
Please add following code to Quick CSS as well
#socket li.current-menu-item a { color: black; font-weight: bold; }
Position issue occurs because of following code you have in Style.css file of your child theme
#main div[id*='av_section_'].newsletter-widget-area .entry-content-wrapper > .flex_column:first-child { width: 100%; max-width: 500px; margin: 0 auto 0 0; z-index: 2; position: relative; } #main div[id*='av_section_'].newsletter-widget-area .entry-content-wrapper > .flex_column { float: none; background-color: transparent; }
Please adjust the code and add page ID to the beginning of your code to target correct page only. You can right click on Chrome or Firefox to inspect elements to find page ID’s http://i.imgur.com/HyPTCRg.jpg
Best regards,
YigitSeptember 28, 2015 at 12:39 pm #510009ok, so you mean i should change the max-width to 480? or what exactly? :)
September 28, 2015 at 12:41 pm #510011Can you please ake a look in the backend :) i only have this problem at the landingpage and contact page.
- This reply was modified 9 years, 2 months ago by wiwaldi79.
September 28, 2015 at 12:41 pm #510013Hi!
Do you remember for which page you added following code?
#main div[id*='av_section_'].newsletter-widget-area .entry-content-wrapper > .flex_column:first-child { width: 100%; max-width: 500px; margin: 0 auto 0 0; z-index: 2; position: relative; } #main div[id*='av_section_'].newsletter-widget-area .entry-content-wrapper > .flex_column { float: none; background-color: transparent; }
If you do, you should inspect elements and find that page’s ID and change to code to following one for example
.page-id-59 #main div[id*='av_section_'].newsletter-widget-area .entry-content-wrapper > .flex_column:first-child { width: 100%; max-width: 500px; margin: 0 auto 0 0; z-index: 2; position: relative; } .page-id-59 #main div[id*='av_section_'].newsletter-widget-area .entry-content-wrapper > .flex_column { float: none; background-color: transparent; }
so that it will not affect other pages :)
Cheers!
Yigit -
AuthorPosts
- You must be logged in to reply to this topic.