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

[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);}

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

[aisling]

THanks - not as easy as it seems...

Feels like going into a mine field and I ended up with the wrong red in teh wrong place.  Seems I need two reds one for the header of the box and one a more faded colour for the box?.

Is there a list with greater variety of colours somewhere?

Also, any idea WHY I would no longer have the option to select a PARENT on my web pages.
ie. I want to creat a new page under another page (or tab) however I cant as when I go to select the parent option it always says none?? Know how to fix this??

[Ruud]

You can use any of the 65535 RGB colors.
Here is a nice color picker: http://johndyer.name/lab/colorpicker/

About the Parent,
Maybe you have been playing with your (advanced)settings page?
You can set the maximum page level. Default that is 4. My guess is you set it to 1.

Ruud

[aisling]

Thanks I'm going to try to find this Advanced settings now