[chochonet]

Hello.

The following codes do not work:

/*Color Borde Web*/
.site { border: 2px solid #000000; }

/* For Menu  Menu*/
#header-menu ul.menu a { line-height: 35px; }
#header-menu ul.menu ul { top: 35px; }

/* Menu Background */
#header-menu { background-color: #cc0000; }

/* Sub Menu Background */
#header-menu ul.menu ul a { background-color: #cc0000; line-height: 15px;}

/* Menu Hover Background Focus*/
#header-menu ul.menu li:hover > a,
#header-menu ul.menu a:focus {
background-color: #000000;
}

/* Menu Hover Background Focus*/
#header-menu ul.menu li:hover > a,
#header-menu ul.menu a:focus {
background-color: #000000;
}

/* Current Menu Background INICIO*/
#header-menu .menu .current-menu-item > a,
#header-menu .menu .current-menu-ancestor > a,
#header-menu .menu .current_page_item > a,
#header-menu .menu .current_page_ancestor > a {
background-color: #cc0000;
}

/*COLOR DE PALABRA EN MENU*/
#header-menu ul.menu a { color: #d3da21;  font-weight:bold;}

/*COLOR DE PALABRA EN SUB-MENU*/
#header-menu ul.menu ul a { color: #d3da21; font-weight:bold;}

My web is: http://www.impresnet.com/test

[Skandha]

@chochonet: Hello there,
The URL you posted doesn’t seem to be working. Can you please check the URL you posted and elaborate the issue you are having?

Kind Regards,
Skandha

[chochonet]

Hello.

The page is working, http://www.impresnet.com/test

My problem is that the CSS codes do not work.

[Skandha]

@chochonet: Hello there,
I don’t think the CSS code you have posted above is correct.

Can you please let me know what you are trying to achieve so that I can provide you the necessary CSS Code?

Kind Regards,
Skandha

[chochonet]

Hola, quiero cambiar el color… https://subefotos.com/ver/?87d5278b36bfbb6653379da4914fec0bo.png

[Skandha]

@chochonet: Hello there,
Can you please specify you want to change the color of which elements?

Kind Regards,
Skandha

[chochonet]

Hello, I want to change the color of focus, menu and sub menu and the color of word https://subefotos.com/ver/?87d5278b36bfbb6653379da4914fec0bo.png

[Skandha]

@chochonet: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* To change the background color of Main Menu */
#primary-menu {
    background-color: #f23456;
}

/* To change the background color of Current menu item */
.main-navigation .current_page_item > a, .main-navigation .current-page-ancestor > a, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation li:hover > a, .main-navigation li:focus > a {
	background-color: #123456;
}

/* To change the background color of sub menu */
.sub-menu {
    background: #f710f1 !important;
}

/* To change the color menu item text */
#site-navigation a {
    color: #123fff;
}

You can change the color according to your choice.
Let me know if this works out!
Kind Regards,
Skandha

[chochonet]

Thank you Skandha.

Is it possible to reduce the size of the menu? https://subefotos.com/ver/?29d9f152b09e6f9c17ac6bdbf3d9a5cfo.png

[Skandha]

@chochonet: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.main-navigation a {
    padding-top: 0;
    padding-bottom: 0;
}

Let me know if this works out!
Kind Regards,
Skandha

[chochonet]

Thank you.

And is it possible to reduce the size of the sub menu? https://subefotos.com/ver/?737e82e7a23bd0232da9db19b9597754o.png

Bye.

[Skandha]

@chochonet: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.main-navigation ul ul a {
    padding-top: 0;
    padding-bottom: 0;
}

Let me know if this works out!
Kind Regards,
Skandha

[chochonet]

Hello.

Why is the color of the menus not displayed on the cell phone? https://subefotos.com/ver/?16bdbd54d50c85ce79208f63ff030991o.png

Bye.

[Skandha]

@chochonet: Hello there,
Do you want to change the color mobile menu as well?

Kind Regards,
Skandha

[chochonet]

Yes, I want to have the same color on cell phone and computer, is it possible?

Bye.

[Skandha]

@chochonet: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#menu-toggle, .main-navigation a {
    background-color: #f23456;
}
.sub-menu li a {
    background: #3380ff;
}

Let me know if this works out!
Kind Regards,
Skandha

[Author]

Posts