Docs

[mallorcanetworks]

Hi! Im designin pre.islacatavinos.com and i want to style some things;

1.I want to change the background and border color of the tabs and opened tab (as you see on the bottom of http://pre.islacatavinos.com/catavinos/)

2. I want to translate the text displayed when clicking search on the header (Actually in english i want it in spanish)

3.When adding submenus, i want to change the background and text color of the dropdown menu.

Could you help me?
Thansk!

[Joao]

Hi There,

1-

Please use this code instead and add it via Appearance > Customize > Custom > CSS:

.x-accordion-heading .x-accordion-toggle.collapsed {
background-color: green !important;
}
.x-accordion-heading .x-accordion-toggle {
background-color: green !important;
}

Change the green color as per your need. Let us know how this goes!

2- Could you please provide more details about exactly what text you are referring to?

3-

.x-navbar .sub-menu {
background-color: #00cc33 !important; /* YOUR SUBMENU BACKGROUND COLOR */
}

Let us know how it goes,

Thanks

Joao

[mallorcanetworks]

Hi! Woeks great thanks!

About the question 2 its solved too,

Thanks a lot!

[Friech]

You’re more than welcome, glad we could help.

Cheers!

[mallorcanetworks]

hi!

The code you gave me works in one page, but when i make the same tabs in a other page it shows borders,
do you know why?

Page ok – http://pre.islacatavinos.com/catavinos/#bodegas

Not ok – http://pre.islacatavinos.com/vinos/

Thanks!

[Rupok]

Hi there,

Thanks for writing back. It seems you have added the below code to remove border and box shadow :

.page-id-10 .x-accordion-group {
  border: medium none !important;
  box-shadow: none !important;
}

It will work on the specific page. If you need to apply this for all pages then update this to following :

.x-accordion-group {
  border: medium none !important;
  box-shadow: none !important;
}

Hope this helps.

Cheers!

[mallorcanetworks]

hi! Works perfect!
Thanks!

[Darshana]

Glad we were able to help 🙂

[Author]

Posts