Add a background colour to a text block

cmjdavies · January 12, 2014

Hi,

I want to add some information pages to my wedding photography site that I'm building alongside my normal adventure sport site.

How do I put an 80% grey background to the text block? Currently the white text sits on top of the back ground photo and looks rubbish.

This is one of the pages I'm playing with: http://www.chrisdaviesphotography.com/WeddingPhotography/About-Weddings

and I want to do something like Alastair has in his legacy site:
http://alastairjolly.com/about/

If I can add a nice white border and a photo inside or out that would be good too!

Cheers to anyone who can help out,

Chris

www.chrisdaviesphotography.com
www.chrisdaviesweddings.com

ChancyRat · January 12, 2014

You would use an html block, not a text block. There you can add color background and borders.

Allen · January 12, 2014

cmjdavies wrote: »

Hi,

I want to add some information pages to my wedding photography site that I'm building alongside my normal adventure sport site.

How do I put an 80% grey background to the text block? Currently the white text sits on top of the back ground photo and looks rubbish.

This is one of the pages I'm playing with: http://www.chrisdaviesphotography.com/WeddingPhotography/About-Weddings

and I want to do something like Alastair has in his legacy site:
http://alastairjolly.com/about/

If I can add a nice white border and a photo inside or out that would be good too!

Cheers to anyone who can help out,

Chris

www.chrisdaviesphotography.com
www.chrisdaviesweddings.com

Try this in CSS
.sm-page-widget-4544024 {
background: rgba(22, 22, 22, .20);
border: 1px solid #666;
}

cmjdavies · January 12, 2014

Of course, HTML it is. Sometimes when you stare at something for hours you miss the obvious. Back to the HTML books I go!

- Thanks for the CSS, I can't use this as I don't want it to go site wide, I'm doing a bit of a hack to have two different looking sites under one account.

Cheers both!

ChancyRat · January 12, 2014

cmjdavies wrote: »

Of course, HTML it is. Sometimes when you stare at something for hours you miss the obvious. Back to the HTML books I go!

- Thanks for the CSS, I can't use this as I don't want it to go site wide, I'm doing a bit of a hack to have two different looking sites under one account.

Cheers both!

I didn't even know there was CSS for a widget for text blocks, so glad Allen posted that.
Try putting it in your folder or gallery where you want the text block, rather than the Theme-site-wide CSS. Not sure that will work, just guessing.

Allen · January 12, 2014

I think that widget id, .sm-page-widget-4544024, is for that box only and doesn't change with page
reload. This has nothing to do with a theme so you can put it in "entire site", "all galleries" or
"Just this page" CSS. I'd recommend using ""Just this ..." CSS.

Edit: That is a static widget ID so it will only apply to that text box.

cmjdavies · January 12, 2014

Super, I follow what you are saying and yes with the ID it makes sense. I'll give a go tomorrow (UK bed time here!).

Thanks so much for your help

Add a background colour to a text block

Comments