Hi guys

Can you point me in the right direction.

I would like to create some module CSS that just puts a colour behind a module.

I would like 3 or 4 sort of module highlights so I can put text in them, instead of just having an image.

Like what i am doing here Cotswold Designs

cheers pete

Hi Pete,

You can do the rounded corners with CSS too, just add a suffix like -blue to a module then somthing like this:

.moduletable-blue {background:#000; -moz-border-radius: 0 10px 0 10px; border-radius: 0 10px 0 10px;}

Just tweak the px and colour to suit...

ahh cool


where might i put this? I am slowly learning....or am i slow lol

Just drop it in at the bottom of theme.css

Wicked thanks

And one more quick thing if you look text at edge rather than indenting how can i get text to look sexy with border or something?

thanks again

Get the text to look sexy??

If you mean just move it away from the edges, just add this to the rule:

padding:10px 30px;

Ah wicked thanks

that will be a temp fix, will read up on CSS so i can make my own cool mod hilites

Hiya can I ask?

This row

.grid1Row {}
.grid1Row .containerBG {border-bottom: 1px solid #ddd;border-top: 1px solid #666A73;background: #666A73;background-color: #666A73}

how can i add this style of corners, NOT the colour green just the 2 rounded corners

.moduletable-green {background:#A3CC00; -moz-border-radius: 0 10px 0 10px; border-radius: 0 10px 0 10px;padding:10px 30px;}

many thanks

Pete

Just add the border radius rules...

So would it look something like this?

.grid1Row .containerBG {background-color: #666A73;-moz-border-radius: 0 20px 0 20px; border-radius: 0 10px 0 10px}

looks ok to me, though i keep changing the site, I love design but my mind keeps thinking differently

many thanks

You only need to set the background once. And your border is the same colour as the background. Just this should do it:

grid1Row .containerBG {border-bottom: 1px solid #ddd;background: #666A73;-moz-border-radius: 0 10px 0 10px; border-radius: 0 10px 0 10px}

cheers many thanks nearly there!

Is it possible to have a background image then place say a white CSS template colour but as a transparency so a little of the image shows through?

So that other site of mine urban Design put a white trans as the page to get writing easier to read

Cheers Pete

It is possible to set multiple background images, yes. But that really is a complicated way of doing it.

Just open your image in an editor, overlay it with a solid white layer, then reduce the opacity of the white layer to create an opaque image. Set that as your background.

Hi Seth

Thanks for that, didnt even think that approach yes a much more simply way!

regards pete

Glad you got it sorted

Anthony

MMmmmmthinking this through

BUT if you have a static white box with a trans, every page needs to fit in the white box and line up perfectly.

Any ideas?

Riiiiight. I thought you wanted to set that image for the container.

So, just set the main image as the body background, and a transparent image as the container background (.containerBG).

Firstly

I would just like to say, how impressed I am with Joomla Bamboo, the Templates but the staff, Moderators offer a second to none service. You have helped me a great deal and my design journey, my path has excellerated so much this last week.
THANKYOU

OK I am getting a little confused as working on 2 sites both using same grid but both looking totally different.

This site Urban design

This site will have an image like this on it but i will blend into black (havent dont that yet)

BUT i would like have the grey box (is that the container?) this is what I would like to be a trans so you can just make out the wall behind.

Cheers Pete

Aha this might not be the correct code but i used this and looks ok in firefox

please advise if worng or could be better put

.mainRow .containerBG {padding-top: 20;background-color:#000;

/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;}

Now i just need to change menu hex colour, Can I adjust this in theme.css or does it have to be in zen frame?