Home › Forums › Pro Themes › WEN Associate Pro › separation line in top menu
- This topic has 11 replies, 2 voices, and was last updated 6 years, 2 months ago by wensolutions.
-
AuthorPosts
-
August 19, 2018 at 11:37 am #77888clarijsParticipant
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
August 19, 2018 at 11:48 am #77889wensolutionsKeymasterHello @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!!
August 19, 2018 at 11:54 am #77890clarijsParticipantThank 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
August 19, 2018 at 12:12 pm #77892wensolutionsKeymasterHello @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!!
August 19, 2018 at 12:39 pm #77895clarijsParticipantYes, that works fine. But, with the hover, you can still see the line. Is there anything else to do about this?
August 19, 2018 at 1:20 pm #77900wensolutionsKeymasterHello @clarijs,
Please add below given CSS for the hover.
#site-navigation li a:hover{ border-bottom: 3px solid #fff; }
Hope this helps.
Regard!!
August 19, 2018 at 1:23 pm #77901clarijsParticipantThank you very much, it works..you are the best !!
August 19, 2018 at 1:32 pm #77902wensolutionsKeymasterHello @clarijs,
Glad we could help you.
If you have any issues further, please let us know.
Thank you.
August 19, 2018 at 1:39 pm #77905clarijsParticipantYes, 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?
August 19, 2018 at 10:20 pm #77917wensolutionsKeymasterHello @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!!
August 20, 2018 at 7:35 am #77942clarijsParticipantToo bad, this work unfortunately not
August 20, 2018 at 8:13 am #77943wensolutionsKeymasterHello @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!!
-
AuthorPosts
- You must be logged in to reply to this topic.