Hi Guys and as always, TIA for reading this and offering your expertise. I’m not a programmer and so your help is much appreciated.
What’s the best way to make a background semi-transparent? I have a plugin called transify but don’t know how to use it and it’s supposed to be friendly for many different browsers.
The theme I am using is Royalty, purchased here. I want main background color to be transparent so that the chosen background image will be visible.
I added that to my css but now its just a opaque for the entire page, not the area that I wanted. What I did was below and most likely I did it incorrectly. What did I do wrong?
body {
background:#3c3c3c;
color:#fff;
opacity:0.4;
filter:alpha(opacity=40);
}
I added that to my css but now its just a opaque for the entire page, not the area that I wanted. What I did was below and most likely I did it incorrectly. What did I do wrong?
body {
background:#3c3c3c;
color:#fff;
opacity:0.4;
filter:alpha(opacity=40);
}
If you only want a part of the background transparent then it would need to be done via a div, and place the div where you want it to show.
I added that to my css but now its just a opaque for the entire page, not the area that I wanted. What I did was below and most likely I did it incorrectly. What did I do wrong?
body {
background:#3c3c3c;
color:#fff;
opacity:0.4;
filter:alpha(opacity=40);
}
If you only want a part of the background transparent then it would need to be done via a div, and place the div where you want it to show.
I added that to my css but now its just a opaque for the entire page, not the area that I wanted. What I did was below and most likely I did it incorrectly. What did I do wrong?
body {
background:#3c3c3c;
color:#fff;
opacity:0.4;
filter:alpha(opacity=40);
}
If you only want a part of the background transparent then it would need to be done via a div, and place the div where you want it to show.
Ah okay, I see the logic but unsure of where to place and edit code.
If part of my background that I want to be transparent (the color #3c3c3c above) was in the body css code, where do I indicate elsewhere that is in a new div (after putting that new div code in the css, that is)?
I am guessing you are using a background with an image that moves into a set colour, and you want to make that colour transparent? Unfortunately there is no easy way to do that unless you use divs, but that would need some imaginative coding.
I would create the image with the transparent text unless I have this wrong, if you want to send me a message with the website I will take a look.
I am guessing you are using a background with an image that moves into a set colour, and you want to make that colour transparent? Unfortunately there is no easy way to do that unless you use divs, but that would need some imaginative coding.
I would create the image with the transparent text unless I have this wrong, if you want to send me a message with the website I will take a look.
I may be making this more complicated than necessary since I’m not a code expert lol. But if you can send me your email address that would be wonderful.
Well, I assume you’re trying to cover the entire background. To do this, you’ll need to add a background div just after your body tag, like this:
Thanks so much!
Also, my theme allows each page to have an uploaded background photo/image. It shows up on top, then there’s a gray background below see link (bit. ly/lCY1ve)
I wanted to make that gray part semi-transparent and to show the image behind it.
Questions:
After placing the CSS code, in which file do I place
How would I make the that other background photo stretch to fill the whole screen?
How would I be able to make that gray box not stretch full width?
The background image would need to use background-size, which is CSS3, and it would only work in modern browsers.
Thanks, I’ve edited it and I think it worked but I need to stretch the bg image size first to see, using the css3. Do you know how I would do that? Each page has an option to upload different bg image per page…
Also, the gray part seems to be moving around and not fixed in place even though the CSS code says fixed