how to make a transparent footer

Link to site?

Sample code of what CSS selectors you are using?

sorry, forgot to mention it was for the customizr theme ??

hi webdev,
im not very experienced, so forgive any nonsense i might write….

I used this :

#main-wrapper,
div.container {
background-color: rgba(255,255,255,0.35);
}

to make background transparent, but cant seem to get it right for the footer.

I tried this :

footer#footer .colophon {
background-color: rgba(255,255,255,0.35);
}
but it didnt have any effect.

the site is still in development.

thanks ??

It’s nonsense that you would write nonsense.

I was there one day knowing less then you know now.

hmmm….. I would suggest adding !important to each rule

i.e.

footer#footer .colophon {
background-color: rgba(255,255,255,0.35)!important;
}

when ever overriding themes always use !important , it sets your code as priority.

nonsense indeed… sounds like a movie called Notting Hill

no luck there with the !important, it just changes it to a darkish grey.

I can change the color, i can hide but I cant make transparent ??

as you raise the opacity, it gets closer and closer to white(the default color)
as you lower the opacity, it gets closer and closer to grey…..

at the top of the thread I mentioned another post where it was suggested it needed to be altered in the php. and that I have no idea whatsoever about!

What exact color are you using?

it works for me when I do it.

See 255,255,255 is gray.

As you raise the opacity it should look more like the color you set.

As you lower it, it will look more like whatever the background is.

If you give me the color I can try to replicate the issue.

Also let me know what the background is.

I thought that white was 255 and gray was 128 ??
I’m not trying to do a color, I have an image as a background.
I’m just trying to make that footer more opaque so you can see the image behind….

My bad my phone auto corrected

so
most of the time though having the same 3 values will come out to a form of gray.

Try using the opacity rule instead

i.e.

footer#footer .colophon {
opacity:0.3!important;
filter: alpha(opacity=30); /* For IE8 and earlier */
}

Alas, no joy ??

And it’s time for me to surrender! the amount of time spent compared with the result isn’t worth it ??

I’ve color picked the dominant color in the background image right behind the footer and set the footer to that color.

It looks ok without being terrible!

Appreciate the time and effort webdev!!

The site should be ready in a few days, so I’ll post a link and you can have a look see at what I wanted to achieve.

much easier to debug with link. look forward to it

hey Webdev,
heres the url
sandelles.com.au
decided to let it run free for a while!
cheers

Sorry, don’t know if I understand, but somthing like:

footer#footer .colophon {
background-color: rgba(255,255,255,0.35); /* you have #77675a */
}
.colophon .container { background: none;}

I tried and it seemed to work.

The background image does not have much to see at the bottom. So it’s hard to tell. Unless you make it very opaque.