Docs

[mahmoud237]

How can I style widget to be like the attached photo ?

[Friech]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Cheers!

[mahmoud237]

This reply has been marked as private.

[Christopher]

Hi there,

Please provide us with URL of page in question.

Thanks.

[mahmoud237]

This reply has been marked as private.

[Paul R]

Hi,

Sorry but I can’t seem to find the widget you are referring to in your site.

Can you provide us the exact url of the page where we can see the widget you are referring to.

Thanks

[mahmoud237]

This reply has been marked as private.

[Christopher]

Hi there,

You need to add ‘Custom menu’ widget to your page. Please add it and we’ll help you with its style. Please see the attachment.

Hope it helps.

[mahmoud237]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

#nav_menu-3 {
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(189,187,189,1);
    -moz-box-shadow: 0px 0px 1px 1px rgba(189,187,189,1);
    box-shadow: 0px 0px 1px 1px rgba(189,187,189,1);
}
#nav_menu-3 ul > li:first-child {
    border-top: none;
}
#nav_menu-3 ul > li:last-child {
    border-bottom: none;
}
#nav_menu-3 ul li a {
    padding-left: 6px;
    padding-right: 6px;
}

Hope it helps 🙂

[mahmoud237]

it much better than before… but I need more help

How can I make hover and active effect … The effect I want is ( background-color change _ text color change )

[Thai]

Hi There,

Please find this CSS:

#nav_menu-3 ul li a {
    padding-left: 6px;
    padding-right: 6px;
}

And change to this:

#nav_menu-3 ul li a {
    padding-left: 6px;
    padding-right: 6px;
    display: block;
}
#nav_menu-3 ul li.current-menu-item {
    border-color: rgba(0,0,0,0.085);
}
#nav_menu-3 ul li.current-menu-item a,
#nav_menu-3 ul li a:hover {
    color: #005e8a;
    background-color: #f0f0f0;
}

Hope it helps 🙂

[Author]

Posts