[eliezerbienerParticipant]

Hi there, thanks for your theme, its amazing to me although i am new and don’t know too much.

1) I want to remove the hover effect from the search icon and from the cart logo on the navbar. (Images attached)

2) I would like to change the color around areas like dropdowns and text areas (i have attached an image to explain).

3) how do i center the menu items on the navbar, so my logo is on the left and search icon and cart icon on the right?

[eliezerbienerParticipant]

This reply has been marked as private.

[NicoModerator]

Hi There,

Thanks for writing in.

Add this in your Customizer’s Custom CSS:

1. To remove the active effect of shop and search button,

navbar .x-nav > .menu-item-6641 > a,navbar .x-nav > .x-menu-item-search > a, navbar .x-nav > .x-menu-item-woocommerce > a {
background: #8224e3 !important;
}

To remove the hover effect

navbar .x-nav > .menu-item-6641 > a:hover, navbar .x-nav > .x-menu-item-search > a:hover, x-nav > .x-menu-item-woocommerce > a:hover {
background: #8224e3 !important;
}

2. To change color border color of boxes like textarea.

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
border: 2px solid #ddd;
}

Just remove the class name or id name you need not to change.

3. I would like to help you with that however it is under a custom development which is beyond the scope of our support.

I could share you some thoughts on which part you need to edit or modify in case you will do it on your own.

This requires a template change. So first you have to setup a child theme which allows you to keep your own customizations separately while updating the main X theme. Please refer to our child theme setup guide here at this URL (http://theme.co/x/member/kb/how-to-setup-child-themes/).

Then copy the file “_navbar.php” from “x/framework/views/global/” and place it into your Child theme’s respective location.

Then you can edit the file “_navbar.php” and place your button HTML code there and do further positioning using CSS style rules.

Thank you for understanding. Let us know how it goes.

Thanks.

[Author]

Posts