Need a bit of help

[Jonbie]

Hi,

I need a bit of help with 2 aspects of my website.

My background image is goes from left to right from dark to bright and because of this i need the text in the sidebar to be white and the body text etc (link are blue which is grand) in the main website area to be black. Unfortunately when i try to change the text color n the sidebar it changes the color in the main section aswel. is there anyway of separating them?

In the ain page area of my website i have but in a white background. I would like the opcaity to be 0.9 but when i change the opacity of the background it changes the opacity of the content aswel.
Is there a way of just changing the opacity of the background?

Thanks

[Jonbie]

If there is no help please let me know as i am waiting over 2 days for someone to get back to me?

[sharmstr]

Regarding the sidebar font color. You’ll need to play around with a few css rules to get every type of text (regular, H4, titles, etc). Here are a few

COPY CODE

#main .sidebar {
 color: #CA0000; /*set the color here */
}

#main. sidebar h4 {
color: #CA0000; /*set the color here */
}

Regarding the background, it all depends on how you did it. If you did it by specifying a color, and not an image, then something like this works

COPY CODE

.container-wrap main-color {
background-color: rgba(255, 255, 255, 0.9);
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Abe]

Thanks sharmstr for your answer.

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Jonbie]

Thanks for the help Sharmstr.

The sidebar code worked great. Unfortunately the code for the background didn’t do the job. Below is the code oi used to add a background and to change the opacity, no doubt it is done wrong. If you could point me in the right direction it would very much be appreciated.

.template-page.col-sm-push-3 .wrap-content {
background: #fff;
opacity:0.9;
}

Thanks

[Abe]

Hi, It is exactly the code sharmstr provided but changed the class:

COPY CODE

.template-page.col-sm-push-3 .wrap-content {
background-color: rgba(255, 255, 255, 0.9);
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Jonbie]

thanks for the quick reposonse Abe,

Unfortunately that did not work, the profile pic etc are still copying the opacity, if you know what i mean?

[Jonbie]

went through my css and i found a contradiction. It works perfect now,

Thanks for the help.

[Author]

Posts