SimplePortal

Customization => Custom Coding => Topic started by: lc62003 on May 25, 2011, 11:13:47 AM

Title: Block CSS
Post by: lc62003 on May 25, 2011, 11:13:47 AM
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.    :)
Title: Re: Block CSS
Post by: Eudemon on May 27, 2011, 08:01:32 PM
for individual block use custom style options under each block
Title: Re: Block CSS
Post by: lc62003 on May 31, 2011, 09:33:42 AM
for individual block use custom style options under each block


And do what exactly? 
Title: Re: Block CSS
Post by: deansmar on May 31, 2011, 10:14:28 AM
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..
Title: Re: Block CSS
Post by: lc62003 on June 02, 2011, 03:00:43 PM
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? 
Title: Re: Block CSS
Post by: Eudemon on June 02, 2011, 10:59:52 PM
it's a class
u r missing a dot before the class name
Title: Re: Block CSS
Post by: lc62003 on June 07, 2011, 03:18:31 PM
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.   8)
SimplePortal 2.3.8 © 2008-2024, SimplePortal