Changing some colors of the template

Please go to Dashboard -> Appearance -> Customize -> Theme Options -> Theme General Options -> Custom CSS

insert code into Custom CSS box and save –

for The portfolio –

.enigma_home_portfolio_showcase_overlay {
    background: rgba(255, 0, 0, 0.31) !important;
}

and give a screenshot for the above two issues. For The drop-down menu and The header.

Thanks.

Hi, I am new with wordpress in general and with the enigma theme in particular, but y have experience in web codding (Java, .NET, CSS, HTML, Bootstrap and so on)

I am developing a web site with WP and Enigma and I need to change the ligth blue color in every part of the web site,… and I dont know wich are the CSS classes that I’ve to create for every part (background in heeader, text in the theme slider, horizontal lines in every section title, icons and text in the services section, etc…. )

Please, could you help me or show me where I can find the right reference?

Thank you very much in advance….

Jerónimo Molina

Hello jeromolinam,

open your enigma theme folder then open CSS folder, in this folder open default.css file.

in this file change #31A3DD color with the color you want, and save the file.

at this type –

Link

in this file, we changed #31A3DD with the color #f8a71b.

and add some CSS in custom CSS box –

.carousel-list li {
    background: #f8a71b;
}
.dropdown-menu {
	background-color: #f8a71b;
}

Let us know for further query.

• This reply was modified 8 years, 1 month ago by weblizar_support.

Hello .-)

I really thank you very much,…. I was looking in other CSS file …. your help is really important and usefull.

But I don’t know how to change the background color of the “Home” link or the background color of the “top level” menu options,… I’ve changed a lot of colors, but the menu is very important to me, so please could you indicate wich are the CSS classes for changing the bg color of the principal menu options?

Thank you in advance

Jeronimo

• This reply was modified 8 years, 1 month ago by jeromolinam.

Hola @julengd,

Estoy teniendo un problema parecido al tuyo, y no consigo cambiar el color de fondo al pasar por encima de las opciones principales del menu,lo que en tu web aparece como “productos”, “servicios”, “segunda mano” etc… ?podrías decirme qué CSS hay que modificar para eso?

Muchísimas gracias

Jeronimo Molina

Hye Jeromolinam,

Please give your site URL.

Hello,

I’m sorry, but by now I don’t have the web in an open site (bou in localhost),…

I refer to the blue color visible in the image (labels INICIO and SERVICIOS,…..)

the linkk to the screen caprure is here (first google drive, second dropbox)

the link to the screen capture is here….

https://drive.google.com/file/d/0BwERJjMmmMueelJxdUpVUVotazg/view?usp=sharing

https://www.dropbox.com/s/2rk9qmypxn3ft8z/portada.jpg?dl=0

Thank you very much…..

Jerónimo Molina

• This reply was modified 8 years, 1 month ago by jeromolinam.

the link to the screen capture is here….

https://drive.google.com/file/d/0BwERJjMmmMueelJxdUpVUVotazg/view?usp=sharing

• This reply was modified 8 years, 1 month ago by jeromolinam.
• This reply was modified 8 years, 1 month ago by jeromolinam.

Please use this CSS –

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .dropdown-menu .active a {
    background-color: #FF5722 !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #FF5722 !important;
}

• This reply was modified 8 years, 1 month ago by weblizar_support.

Hello ….

It doesn’t works for me…. (and I’ve the latest -today’s- version of the theme)….

Jeronimo

Use this CSS –

.navbar-default .navbar-nav .active  a, .navbar-default .navbar-nav .active  a:hover, .navbar-default .navbar-nav  .active  a:focus, .dropdown-menu .active a {
    background-color: #FF5722 !important;
}
.navbar-default .navbar-nav  .open  a, .navbar-default .navbar-nav  .open  a:hover, .navbar-default .navbar-nav .open  a:focus {
    background-color: #FF5722 !important;
}

Hope this will work for you.

Finally it works,… thank you very much ??

Most welcome Jeronimo.

Thanks for using weblizar’s theme.