WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: aisling on April 09, 2008, 02:29:21 PM

Title: Multiflex-3 - Question How to change colours of boxes??
Post by: aisling on April 09, 2008, 02:29:21 PM

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??

Title: Re: Multiflex-3 - Question How to change colours of boxes??
Post by: marathoner on April 09, 2008, 04:06:10 PM

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).

Title: Re: Multiflex-3 - Question How to change colours of boxes??
Post by: aimeeish on April 13, 2008, 06:00:20 AM

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

Code: [Select]

/* 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.

Title: Re: Multiflex-3 - Question How to change colours of boxes??
Post by: aisling on September 09, 2008, 03:13:07 PM

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

Title: Re: Multiflex-3 - Question How to change colours of boxes??
Post by: Ruud on September 09, 2008, 03:30:55 PM

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 (http://www.web-source.net/216_color_chart.htm)

Ruud

Title: Re: Multiflex-3 - Question How to change colours of boxes??
Post by: aisling on September 09, 2008, 04:11:32 PM

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??

Title: Re: Multiflex-3 - Question How to change colours of boxes??
Post by: Ruud on September 09, 2008, 04:37:20 PM

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

Title: Re: Multiflex-3 - Question How to change colours of boxes??
Post by: aisling on September 11, 2008, 10:18:12 AM

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