Codes do not work

This topic has 15 replies, 2 voices, and was last updated 2 years, 6 months ago by Skandha.

Viewing 16 posts - 1 through 16 (of 16 total)

Author

Posts
April 29, 2021 at 7:17 pm #280874
chochonet
Participant
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
April 30, 2021 at 2:16 am #280898

Skandha
Participant

@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

April 30, 2021 at 9:36 pm #280977

chochonet
Participant

Hello.

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

My problem is that the CSS codes do not work.

May 1, 2021 at 12:23 am #280989

Skandha
Participant

@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

May 1, 2021 at 9:45 pm #281068

chochonet
Participant

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

May 2, 2021 at 1:48 am #281085

Skandha
Participant

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

Kind Regards,
Skandha

May 2, 2021 at 12:50 pm #281114

chochonet
Participant

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

May 3, 2021 at 1:38 am #281157
Skandha
Participant
@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
May 6, 2021 at 7:09 pm #281454

chochonet
Participant

Thank you Skandha.

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

May 7, 2021 at 2:01 am #281490
Skandha
Participant
@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
May 13, 2021 at 5:49 pm #281916

chochonet
Participant

Thank you.

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

Bye.

May 14, 2021 at 3:36 am #281932
Skandha
Participant
@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
May 20, 2021 at 12:45 am #282413

chochonet
Participant

Hello.

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

Bye.

May 20, 2021 at 6:05 am #282457

Skandha
Participant

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

Kind Regards,
Skandha

May 20, 2021 at 9:50 pm #282496

chochonet
Participant

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

Bye.

May 21, 2021 at 2:03 am #282565
Skandha
Participant
@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