Forums

How to use the "Style" drop down while editing?

Permalink
There isn't anything in there for me to choose from. How can I add certain class names or css to be added under this?
 
guythomas replied on at Permalink Reply
guythomas
Add them to the typography.css file in your theme directory.
12345j replied on at Permalink Reply
12345j
you need the typography yes, but you also need to format it correctly so c5 can determine what to customize. take a look here for more info
http://www.concrete5.org/documentation/developers/pages/configurabl...
Doki replied on at Permalink Best Answer Reply
Doki
I just did this for my own template recently....

One thing that I should point out thats not completely clear in the text, you're not limited to just the following options:

customize_background
customize_body
customize_link_hover
customize_link
customize_header_logo

you can make any label you want, in so long as it surrounds a color or a font. Aka as an example you can have:

customize_body_foreground
customize_body_background
customize_sidebar_foreground
customize_sidebar_background

I even have two customization slots for links, depending on where they are in the page. You can also use the same labels for font and color, ala:

/* customize_footer_foreground */ font: normal bold 16px Arial; /* customize_footer_foreground */
   /* customize_footer_foreground */ color:#daf095; /* customize_footer_foreground */


You can also have the same label used in several places, so that a change in one color area will cascade into another area, ala:

#page #central #body 
{
   float:left;
   text-align:left;
   width:616px;
   padding:15px;
   /* customize_body_central_background */ background-color:#e6eabe; /* customize_body_central_background */
}
#page.no-sidebar #body
{
   background-image: none !important;
   /* customize_body_central_background */ background-color:#e6eabe; /* customize_body_central_background */
   margin:15px 30px 30px 30px;
}



Hope that helps....
Panupat replied on at Permalink Reply
Thank you very much :D

By the way, can I add more size options to the font size drop down?
12345j replied on at Permalink Reply
12345j
if you want to do that you have to specify more font sizes in typography.css- such as h6, h7 etc.