Topic: Block CSS

[lc62003]

I've been digging around here for quite some time trying to understand how to use CSS for an individual block.  Been through the tutorials, searched, etc.  I can't even seem to make font bold.    I have created a class in index.css, but now what?  Could someone please put up a GOOD explanation how to do this stuff (not just some code to solve this one issue)?  Does this only work for custom html/php blocks, or will it work for any block?  Perhaps several examples?  Thanks for your considerations.   

[Eudemon]

for individual block use custom style options under each block

[lc62003]

for individual block use custom style options under each block

And do what exactly? 

[deansmar]

i guess it depends on what your trying to do..??

that attached picture shows the area in each block were you can enter the styles for either the header or body of each block...

so if you have created a class for the Block all you need to do is enter it in the Custom Body Class: or Custom Title Class: depending on were you would like to change the class...!!

you can see the default class, or chose any of the default class through the drop downs..

if your using a custom BBC / PHP / HTML block then you can do all the class comands for larger or bolder text in those blocks when you type the text. !!

or even click/tick the box at the bottom for no CSS styles...

hope this has helped a little..

[lc62003]

OK, so let's say for example I paste this into index.css:

Code: [Select]


newblockbg
{
background: (../images/pic.png) repeat-x;
}



Then paste "newblockbg" into the Custom Body Class box.  Am I on the right track? 

[Eudemon]

it's a class
u r missing a dot before the class name

[lc62003]

it's a class
u r missing a dot before the class name

Got it figured out.  Thanks!!!

For anyone else reading.....dot before class name in css...and no dot in class name pasted into Custom Body Class.