WebsiteBaker Support (2.8.x) > Templates, Menus & Design

Multiflex-3 - Question How to change colours of boxes??

(1/2) > >>

aisling:
Hi,
I have used Multiflex-3 template for my site design
 http://www.inside-inspiration.com
and wondering how do you change the colour of the boxes on the right??

marathoner:
This is all controlled via the CSS class of each respective box. For example, if you look a the template you will see that the blue box is class "subcontent-unit-border-blue" and the green box is class "subcontent-unit-border-green". Change whichever box to whatever classes are defined (or create new classes if you want some other color).

aimeeish:
Via your FTP, you need to open the file
your-wb-location/templates/Multiflex-3/layout_setup.css


--- Code: ---/* MAIN SUBCONTENT */
.subcontent-unit-border {width:183px; margin:0 0 2.0em 0; padding:0 0 5px 0; border:solid 1px rgb(186,183,183); background:rgb(235,235,235);}
.subcontent-unit-border-green {width:183px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px rgb(160,214,81); background-color:rgb(217,239,185);}
.subcontent-unit-border-blue  {width:183px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px rgb(137,170,214); background-color:rgb(213,225,240);}
.subcontent-unit-border-orange {width:183px; margin:0 0 2.5em 0px; padding:0 0 10px 0; border:solid 1px rgb(232,177,13); background-color:rgb(248,224,150);}

.subcontent-unit-noborder {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background:rgb(235,235,235);}
.subcontent-unit-noborder-green {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(217,239,185);}
.subcontent-unit-noborder-blue  {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(213,225,240);}
.subcontent-unit-noborder-orange {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(248,224,150);}
--- End code ---

This is located in lines 117 - 130. You change the colors through the RGB thing.

aisling:
HI,

I finally got back to updating my site and figured HOW to get into layout_setup.css

however, how do I create a NEW colour for a box, I'd like a Red Box

Ruud:
Just copy one of the lines and name it: .subcontent-unit-border-red
Change the last part ( background:rgb(235,235,235) ) to the rgb value you want to use.
A list with rgb values you can find here

Ruud

Navigation

[0] Message Index

[#] Next page