Need a bit of help

This topic has 7 replies, 3 voices, and was last updated 10 years by Jonbie.

Author
March 25, 2014 at 17:50 #13429

Jonbie
Participant

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

March 28, 2014 at 15:01 #13673

Jonbie
Participant

If there is no help please let me know as i am waiting over 2 days for someone to get back to me?
March 28, 2014 at 23:39 #13695

sharmstr
Moderator
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
March 29, 2014 at 00:58 #13712

Abe
Keymaster

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.

March 31, 2014 at 20:33 #13951

Jonbie
Participant

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
March 31, 2014 at 23:15 #13958

Abe
Keymaster
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.
March 31, 2014 at 23:17 #13959

Jonbie
Participant

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?

March 31, 2014 at 23:51 #13961

Jonbie
Participant

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

Thanks for the help.
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Need a bit of help’ is closed to new replies.

Search KB

Log in with your credentials

Forgot your details?