Share this post

Link to post

Share on other sites

glynt 1

glynt 1

Hi Rangelone,
Thanks for your message.
The CSS above used to put a rounded corner border and a shadow around my boxes, and fill the background with a colour.
The website address is www.benidorm-selections.com
Many thanks,
Glyn

Share this post

Link to post

Share on other sites

Danny+ 1,327

Danny+ 1,327

Hi Glyn,
To add styling to all boxes try using this:
[code].grid-element-pad {
background-color: #f5f5f5;
border-radius: 4px;
border: 1px solid white;
box-shadow: 0 0 0 1px #ececec;
padding: 5px;
}[/code]
To add styling to individual boxes, your code above should work for the box which has an ID of 10, but remove the dcol_pad part from your code, so it look like this:
[code]#fbox_10 {
background-color: #f5f5f5;
border-radius: 4px;
border: 1px solid white;
box-shadow: 0 0 0 1px #ececec;
padding: 5px;
}[/code]
Then using your Web developer console, like the one that comes with Google Chrome or Firebug, find the ID for the others boxes and then simply copy and paste the code above and change the ID from 10 to the ID of the box you wish to style.