Css Personalisation
Permalink Browser Info Environment
Hello,
I am trying to personalise CSS for homepage, like my screenshot.
It's seem ok with firebug but nothing change when i save this..
Everything I try, nothing change. For exemple : this >
Can you give me the good way ?
Thank you !
I am trying to personalise CSS for homepage, like my screenshot.
It's seem ok with firebug but nothing change when i save this..
Everything I try, nothing change. For exemple : this >
.front-page .header-logo { background-color: rgba(0, 0, 0, 0.75) !important; border: 0 solid #fff; }
Can you give me the good way ?
Thank you !
Type: | Pre-Sale |
---|---|
Status: | In Progress |
I am having this exact same problem and was hoping you had an answer! I am trying to change the background colour from black to white. Does anyone have any suggestions? Did you manage to make this work?
Hi StevieB,
Please overwright a style sheet using custom CSS.
Click a Gear icon to Page Settings > Design > Theme Castomize > Custom CSS.
For example,
Thank you.
Please overwright a style sheet using custom CSS.
Click a Gear icon to Page Settings > Design > Theme Castomize > Custom CSS.
For example,
@media (min-width: 768px) .front-page .header-logo { color: #000000 !important; background: rgba(255, 255, 255, 0.3) !important; } .front-page .header-logo a { color: #000000 !important; background: rgba(255, 255, 255, 0) !important; } }
Thank you.
Hi nipper15, thanks for the prompt reply and pointing me in the right direction. It still wasn't working right but you gave me enough to be able to fix it! Just for your information, here is the amendment to the code you supplied which got everything working as it should!
Once again thank you very much, I now have a happy client!
Steve.
@media (min-width: 768px){ .front-page .header-logo { color: #000000 !important; background: rgba(255, 255, 255, 0.3) !important; } .front-page .header-logo a { color: #000000 !important; background: rgba(255, 255, 255, 0) !important; } .front-page .header-logo a:hover { color: #000000 !important; background: rgba(255, 255, 255, 0.6) !important; } }
Once again thank you very much, I now have a happy client!
Steve.
Hi Elstud
It seems to be working fine...
Please clear cache.
Thanks.
It seems to be working fine...
Please clear cache.
Thanks.
Hi,
Thank you,
I thought it was not necessary to add !important .. in this case
It's perfect, thank you everybody ! :)
Thank you,
I thought it was not necessary to add !important .. in this case
It's perfect, thank you everybody ! :)