Home Forums Pro Themes WEN Associate Pro separation line in top menu

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #77888
    clarijs
    Participant

    Good day, I would like to give my top menu the color white, but now I keep seeing the gray line between the menu items. how can I change that.

    riny

    #77889
    wensolutions
    Keymaster

    Hello @clarijs,

    Please add below given CSS to change the color of the border between the menu item.

    #site-navigation li:first-child {
        border-left: 1px solid #337ab7;
    }
    
    #site-navigation li {
        border-right: 1px solid #337ab7;
    }

    You can change the color code as per your requirement.

    Hope this helps.

    Regards!!

    #77890
    clarijs
    Participant

    Thank you for the quick response. This works! but can the line under the text also be changed to white? I actually want to see all the text

    #77892
    wensolutions
    Keymaster

    Hello @clarijs,

    Glad that the code worked.

    Now add below given CSS to change the color at the button.

    For the active border bottom:

    #site-navigation li.current-menu-item > a, #site-navigation li.current_page_item > a {
        border-bottom: 3px solid #fff;
    }

    For remaining border bottom:

    #site-navigation ul li a {
        border-bottom: 3px solid #fff;
    }

    Hope this helps.

    Regards!!

    #77895
    clarijs
    Participant

    Yes, that works fine. But, with the hover, you can still see the line. Is there anything else to do about this?

    #77900
    wensolutions
    Keymaster

    Hello @clarijs,

    Please add below given CSS for the hover.

    #site-navigation li a:hover{
        border-bottom: 3px solid #fff;
    }

    Hope this helps.

    Regard!!

    #77901
    clarijs
    Participant

    Thank you very much, it works..you are the best !!

    #77902
    wensolutions
    Keymaster

    Hello @clarijs,

    Glad we could help you.

    If you have any issues further, please let us know.

    Thank you.

    #77905
    clarijs
    Participant

    Yes, I still have a question, it does not really belong here, but how can I put a picture as a background in a separate page. do you have a plugin for?

    #77917
    wensolutions
    Keymaster

    Hello @clarijs,

    The theme itself does not have the option to upload the background image on each page but you can place the image in each page using the CSS targeting the page id of the particular page.

    For this please go to Admin Panel > Appearance > Customize > Addtional CSS and add below given CSS.

    body.page-template-default.page.page-id-15 {
        background-image: url(YOUR IMAGE URL);
    }

    Here change the page ID with your page ID.

    Hope this helps.

    Regards!!

    #77942
    clarijs
    Participant

    Too bad, this work unfortunately not

    #77943
    wensolutions
    Keymaster

    Hello @clarijs,

    Can you please replace the above given CSS with the CSS given below:

    .page-id-15 div#page {
        background-image: url(URL of your image);
    }

    Do not forget to replace the page ID with your page ID in above CSS.

    Hope this helps.

    Regards!!

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