transparent search form

[mursulirebecca]

Hi, I’ve just purchased your template and it looks amazing! Is it possible to customize the color of a search form and make it transparent? Blue doesn’t match the purpose of my website and I would like visitors to see background even through a search form. Thank you 

[mursulirebecca]

please refer the attachment

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

Add this css to wp-admin -> theme settings -> styling options -> quick css

COPY CODE

li.header-login-button a { background: rgba(255,255,255,0.1) !important;}
li.header-register-button a { background: rgba(255,255,255,0.1) !important; border:1px solid #ddd !important;}
li.header-register-button a:hover { border:1px solid #ddd !important;  }
li.header-login-button a:hover, li.header-register-button a:hover { background: rgba(255,255,255,1) !important; }

Cheers

Radu

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

What support service includes ? What not ?

[mursulirebecca]

its only working for login page…after login its not working

Attachments:

You must be logged in to view attached files.

[Radu]

This reply has been set as private.

[mursulirebecca]

This reply has been set as private.

[Radu]

When i’ve logged in i see the buttons are transparent, please clear your browser cache

LEt me know

Cheers

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

What support service includes ? What not ?

[Kanokpanb]

Hi Radu,
I have the same problem too. I placed your css. It didn’t change anything. Let me know what’s wrong. Please help.
Thanks,
Kelly

[Radu]

Hi,

Try this css instead

COPY CODE

li.header-login-button a {
    background: rgba(255, 255, 255, 0.1) !important
}
li.header-register-button a {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid #ddd !important
}
li.header-register-button a:hover {
    border: 1px solid #ddd !important
}
li.header-login-button a:hover,
li.header-register-button a:hover {
    background: rgba(255, 255, 255, 1) !important
}
li.header-profile-button a {
    background: rgba(255, 255, 255, 0.1) !important
}
li.header-logout-button a {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid #ddd !important
}
li.header-profile-button a:hover {
    border: 1px solid #ddd !important
}
li.header-profile-button a:hover,
li.header-logout-button a:hover {
    background: rgba(255, 255, 255, 1) !important
}

Cheers
R.

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

What support service includes ? What not ?

[Author]

Posts