Docs

[ahmedfouadkhalil]

When add a archive or category widget to a side bar it is shown in flat white colored shape, my question is how to update it to looks 3d shaped like the attached example

[Joao]

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.

Thanks,

Joao

[ahmedfouadkhalil]

This reply has been marked as private.

[Joao]

Hi There,

You can either stop the plugin or provide us with your WP-Admin Credentials in a private reply so we can have a look at your website.

Thanks,

Joao

[ahmedfouadkhalil]

This reply has been marked as private.

[John Ezra]

Hi there,

Thanks for updating the thread! The “select” or drop down element is an element that is viewed differently per browser. The 3D look usually comes from browsers created by apple, like safari or the iOS browsers. If you check on your PC on different browsers, you will this look change from browser to browser. You can specify some styling changes to these, however, we can’t guarantee that it will work the same across all browsers as each browser has its own interpretation regarding these elements.

To change the background and text color you can use CSS. You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

select {
    background: #000000;
    color: #ffffff;
}

Hope this helps – thanks!

[ahmedfouadkhalil]

thanks, it work with me in the customizer

[Paul R]

You’re welcome! 🙂

[ahmedfouadkhalil]

related to this for the header menu and header top bar, can we add another menu in the top par? and change its color

[Paul R]

Hi,

Yes, you can add another menu in the topbar by adding it manually in the topbar content.

You can add something like this.

<ul class="x-nav">
   <li class="menu-item"><a href="#"><span>Home</span></a></li>
   <li class="menu-item"><a href="#"><span>About</span></a></li>
   <li class="menu-item"><a href="#"><span>Contact Us</span></a></li>
</ul>

Then add this in custom edit global css

.x-topbar li {
    list-style-type:none;
    float:left;
    padding:5px 10px;
}

Hope that helps

[ahmedfouadkhalil]

But this one will not be fully responsive ! I will try

[Nabeel A]

Hi again,

It should be responsive. Add the code in the topbar and let us know how this goes!

Thanks!

[Author]

Posts