Comments | layout_lounge: How To: Semi-Transparency

sireesanwar in layout_lounge

How To: Semi-Transparency

Sep 15, 2010 12:31

Theme: All
How To: Set the Opacity of an Element (Make a color on your journal appear slightly transparent)

I've often wonder how you would accomplish this look:

( Read more... )

!layout-tutorials, #account: all, feature: semi-transparent, feature: design

Comments 10

leandralocke October 27 2011, 08:03:01 UTC

Hi, I found this entry through a google search. I'm mostly a complete noob when it comes to custom CSS, but maybe you'd be willing to help me.

I have a community journal with flexible squares and have already included a custom css for a header (which I haven't placed yet since I still need to make the graphic). Now I have this beautiful background but don't see much of it. What I'd like is to set the 'Background for the main contents of the page' as well as the header and footer to fully transparent. I suppose I'd use "Option" two for it and just set it to 1 instead of 0.5. BUT: how do I choose the element? I mean how do I start the code to tell the style sheet that it should alter said elements? Like I said, total custom css noob ^^

Basically, if you could give me the code for DUMMIES I'd be eternally grateful ;)

sireesanwar October 27 2011, 17:09:52 UTC

What is the community? Letting me look always helps.

I'm actually thinking some of this transparency isn't what you want... what you want is this...

background-color: transparent !important;

This will remove a background color. Let me know if you need help. I do work on layouts for people on occasion and I just can't stand it when people aren't getting what they want out of LJ. ;-)

leandralocke October 27 2011, 17:15:10 UTC

Hey :)

I did some more reading on the whole custom CSS thing and tried a few things, but it seems like I can't get any of the edited codes to work in the "custom css" box. So this means I'll have to export the entire style sheet and upload it somewhere? At least that's what I understood from what I read about other editing. Oddly enough it does work with the header code and no external style sheet.

The comm is oceania_rp. Basically I'd want either the "maincontent" or maybe even some other elements transparent so that I can see more of that background.

So first question: do I really have to upload the entire stylesheet somewhere?
And if yes, do I need to adjust all of the classes in it or can I just include those that need changing and LJ will automatically use the rest from the default LJ style?

Thanks for your offer to help already. MUCH appreciated :)

sireesanwar October 27 2011, 18:01:00 UTC

Did you have a specific layout you were trying to upload or were you just messing with it to see what you could come up with?

I am not sure. It is possible your settings are off somewhere...

Are you looking to do something like this...
http://workshop-rees.livejournal.com/

The sidebar is at the top. I can put it on the side.

Thread 10