Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 28, 2015 at 12:02 am #509757
    wiwaldi79

    hi, i want to mark the menu point on an active page.

    September 28, 2015 at 12:12 pm #509979
    Yigit

    Hi 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,
    Yigit

    September 28, 2015 at 12:30 pm #509997
    wiwaldi79

    Works 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 #510000
    wiwaldi79

    And one little thing. there is a problem with the positon :) thanks!!!!!!!

    September 28, 2015 at 12:36 pm #510005
    Yigit

    Hey!

    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,
    Yigit

    September 28, 2015 at 12:39 pm #510009
    wiwaldi79

    ok, so you mean i should change the max-width to 480? or what exactly? :)

    September 28, 2015 at 12:41 pm #510011
    wiwaldi79

    Can 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, 1 month ago by wiwaldi79.
    September 28, 2015 at 12:41 pm #510013
    Yigit

    Hi!

    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

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.