How to style the menu in page.

prolove · October 2016

our products are made by page.

Albert · October 2016

Hi,

we are sorry but we do not understand your question. The image you tried to send, does not work as well. To send us images, we recommend to use http://pasteboard.co/

prolove · October 2016

http://pasteboard.co/kigzsmKJO.png

http://pasteboard.co/kiiO6lkfG.png

Albert · October 2016

Sorry but what you want to style exactly? We still don't get it.

prolove · October 2016

like sidebars style.

Such as I want to clear the dot and change the color and family of font

Albert · October 2016

Please send us link to page where you got this menu in sidebar then so we can have a look and give you necessary css to style it.

prolove · November 2016

.com/products

Albert · November 2016

Ok. To remove dots and do necessary changes, please use:

.widget_meta ul, .widget_pages ul, .widget_rss ul { list-style-type: none !important; }
.widget_meta ul li a, .widget_pages ul li a, .widget_rss ul li a { font-size: 16px !important; font-family: 'FONT-NAME' !important; }

prolove · November 2016

Thank you very much.

below code doesn't work.

<div>.widget_meta ul li a, .widget_pages ul li a, .widget_rss ul li a:hover { color:#2991D6!important;}</div>

Albert · November 2016

There is no spaces between the color and !important and that's why it does not work. If you look at http://pasteboard.co/m28JThDmV.png you will see that it works if it's written properly.

prolove · November 2016

there is no spaces between the color and important.

It doesn't still work.

Albert · November 2016

We've checked your site and below code works. Widget menu links color has changed.

.widget_meta ul li a, .widget_pages ul li a, .widget_rss ul li a:hover {
    color: #2275ac !important;
}

http://pasteboard.co/mobIDqOOT.png

prolove · November 2016

My code:

http://pasteboard.co/mzzEQ0HVN.png

My web:

http://pasteboard.co/mzAq0Fj6v.png

prolove · November 2016

it doesn't still work.

First black, hover #2275ac

Albert · November 2016

Move the code we gave you on 1st position and you will see the difference. We are pretty sure you have errors in your css section and that's why any code below, does not work.

prolove · November 2016

what do your 1st position mean?

Albert · November 2016

It means that you need to move the code we gave you above on 1st position of your CUSTOM CSS section.

How to style the menu in page.

Comments