How to create a mainbody background area which is transparen

I would like to make a mainbody area white that has a see through effect (transparent) towards the background image. How do I do this the best way?

Hi,
it's possible - can you show me your page with image background - it will speed up my help.

Great! As the site is not live yet ... I have sent you a PM.

If we talk about background under article content you can use this:

Code: Select all

.itemBody {
    background: rgba(255, 255, 255, 0.8);
    padding: 10px;
    color: #222222;
}

Result should be similar to this

effect2.png

of course you can change transparency parameter (0.8 --> 0.6 etc.) or font color etc.

Great. Yes I would need transparancy.
Would it be possbile to have round corners?

Code: Select all

.itemBody {
    background: rgba(255, 255, 255, 0.82);
    border-radius: 6px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
    color: #222222;
    float: left;
    padding: 10px;
    width: 98.2%;
}

Thank you again. So, in order to be safe if upgrades are to be done ... where do I put this code?

If we talk about modules ... can a solution for this be possible also?

So, in order to be safe if upgrades are to be done ... where do I put this code?

Yeah, just use my tip from footer link.

If we talk about modules ... can a solution for this be possible also?

This should help:

Code: Select all

#gkMainbody .box {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border-radius: 6px;
    padding-left: 4px !important;
}

To make font darker in NSP module please use:

Code: Select all

.nspArt p.nspText { color: #222222; }

Thank you for your help so far!

I have implemented the code and we are almost done ... I need to be able to control the margin top, left, right and bottom before the content in an article begins (or module).

As it is now, the text is too narrow.

Also, when having a K2 item the text shows OK ... but the Item Title has no background transparancy. Can this be done in some smart way as well?

I helped you too much - we can not build for you your website.
So please use Firebug as I show here http://www.gavick.com/documentation/joo ... -size-etc/

Be smart.

I fully understand. Thank you very much for your input so far