Change Clour

This topic has 5 replies, 3 voices, and was last updated 8 years by Laura.

Author

Tagged: no funciona
February 25, 2016 at 16:02 #106590

ahmadfaiz11
Participant

Hello..

Please look my problem at attachment below…

Attachments:
You must be logged in to view attached files.
February 26, 2016 at 01:31 #106773

Laura
Moderator
Hello, you can use this css code and customize it changing color codes 🙂
Add css to style.css of child theme
COPY CODE
```
.form-search {
    border-left: 10px solid rgba(0, 0, 0, 0.3);
    border-right: 10px solid rgba(0, 0, 0, 0.3);
}
.form-header {
    border-left: 10px solid rgba(0, 0, 0, 0.3);
    border-top: 10px solid rgba(0, 0, 0, 0.3);
    border-right: 10px solid rgba(0, 0, 0, 0.3);
}
.form-search, .form-header, div.alert-box, div.pagination span.current {
    background: rgba(47, 47, 47, 0.95);
}
.form-search.custom div.custom.dropdown a.current, .form-search.custom input[type="text"], .form-search.custom input[type="password"], .form-search.custom select {
    background-color: #000000;
}
.form-search.custom div.custom.dropdown a.selector, .form-search.custom div.custom.dropdown a.current, .form-search.custom select {
    border: solid 1px #000000;
}
.form-search.custom input[type="text"], .form-search.custom input[type="password"] {
    border: 1px solid #000000;
}
.form-search .button {
    background: #000000;
    border: 1px solid #000000 !important;
    float: left;
    margin-right: 5px;
}
.form-search .notch {
    border-top: 10px solid #2D3134;
}
```
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
February 28, 2016 at 02:44 #107176

ahmadfaiz11
Participant

hello…

which one code relate to my problems?

I change everything, but not working…

look here my problems

https://archived.seventhqueen.com/wp-content/uploads/2016/02/Teman-Firdausi-%E2%80%93-Teman-Sehati-Sejiwa-till-Jannah.png
February 28, 2016 at 19:39 #107251

Laura
Moderator
Hello, that css changes all search box colour to black, you can customize it by changing the color codes like
rgba(0, 0, 0, 0.3) , #000000 , #2D3134

You can use normal color names like black, cyan, green etc
Or hexadecimal code for colors http://www.w3schools.com/colors/colors_picker.asp

Place this code at style.css of your child theme ( the one that should be active )
COPY CODE
```
.form-search {
    border-left: 10px solid rgba(0, 0, 0, 0.3) !important;
    border-right: 10px solid rgba(0, 0, 0, 0.3) !important;
}
.form-header {
    border-left: 10px solid rgba(0, 0, 0, 0.3) !important;
    border-top: 10px solid rgba(0, 0, 0, 0.3) !important;
    border-right: 10px solid rgba(0, 0, 0, 0.3) !important;
}
.form-search, .form-header, div.alert-box, div.pagination span.current {
    background: rgba(47, 47, 47, 0.95) !important;
}
.form-search.custom div.custom.dropdown a.current, .form-search.custom input[type="text"], .form-search.custom input[type="password"], .form-search.custom select {
    background-color: #000000 !important;
}
.form-search.custom div.custom.dropdown a.selector, .form-search.custom div.custom.dropdown a.current, .form-search.custom select {
    border: solid 1px #000000 !important;
}
.form-search.custom input[type="text"], .form-search.custom input[type="password"] {
    border: 1px solid #000000 !important;
}
.form-search .button {
    background: #000000 !important;
    border: 1px solid #000000 !important;
    float: left;
    margin-right: 5px;
}
.form-search .notch {
    border-top: 10px solid #2D3134 !important;
}
```
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
March 10, 2016 at 02:48 #109642

oscardc
Participant

no hace absolutamente , nada no hay cambios , ese codigo no funciona ahi.

March 12, 2016 at 18:02 #110148

Laura
Moderator

Hola @oscardc, podrías abrir un nuevo tema sobre tu problema? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
Author

Posts