Having a background on the homepage different than the other pages

romankitsune · Member · Jan 28, 2016 at 10:35 pm
Copy link

Add topic to favorites
Hello!

On the homepage on my site, I have a picture of my avatar but because it makes it hard to see words, I need all the rest of the tabs to be a solid background. I also need a solid background when you type in the individual blog posts as well. Does anyone know how to do this?

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jan 29, 2016 at 7:48 am
Copy link
Hi, give the following a try. What I have done is use RGB color for the background area with an alpha transparency. The first three numbers are the code for white (255, 255, 255) and the last number is the transparency. The closed to 1, the more opaque, the closer to 0, the more transparent. This will allow your image to show through slightly but the content will still be readable. See what you think and let me know.
```
.site {
    background-color: rgba(255, 255, 255, 0.7);
}
.site-content {
    padding-left: 10px;
}
.site-main .widget-area .widget {
    padding-right: 10px;
}
.site-header {
    padding-left: 10px;
    padding-right: 10px;
}
```
romankitsune · Member · Jan 30, 2016 at 12:49 am
Copy link
This is perfect!!! Thank you so very much!
thesacredpath · Member · Jan 30, 2016 at 8:02 pm
Copy link
You are welcome.

No items found.