Topic: Styles Options

[arkiebiker]

Can anyone provide an example of some of the commands for the Styles Options...

What exactly is Styles Options and what can be done with this option.

Thanks..

Wally

[arkiebiker]

Still looking for any insights as to how the styles options work.

Thanks,

Wally

[Nathaniel]

Please do not bump your support topic within 24 hours of your last post. We try to respond to your support requests as quickly as possible, but please remember that we are all volunteers, double posting for no reason isn't going to get you support any quicker.

As the help popup box for the Style Options says. "These options allow you to specify CSS styling for each blocks."

CSS effects how each block appears, you can change things such as the colors/padding/text size.

If you have no idea what CSS is then the pages below should help you
http://www.w3schools.com/css/default.asp
http://en.wikipedia.org/wiki/Cascading_Style_Sheets

The "Default (Title/Body) Class: " option allows you to use a predefined SMF CSS class (set of styles), for your blocks title/body.

The "Custom (Title/Body) Class: " option allows you to use your own CSS class (set of styles), for your blocks title/body. You have to add them to the '/Themes/{themename}/style.css' file or another relevant CSS file.

The "Custom (Title/Body) Style: " option allows you to add your own styles to the blocks title/body, without making a new class, you can add CSS styles straight into that field.

[arkiebiker]

Sorry about the bump. 

OK...I know what style sheets are...and I have even edited them before (although I have never done one from scratch).

What I was looking for was the way to use them directly in the styles section...an example would be nice.

For example...let's just say on one of my blocks I want to make the fontsize slightly smaller...how would enter that into the field?

Thanks,

Wally

[Eliana Tamerin]

You could do a variety of things.

If you had your own class in the stylesheet, or wanted to use something like smalltext, you could use smalltext as a Custom Class. You could also use <span class="smalltext">text</span> in the block if it was a php or html block.

Otherwise, you could add

Code: [Select]

font-size: small;to the Custom Styles area, just as if you were adding it to a class. No need for brackets or a class definition statement.

[arkiebiker]

Thank you. That's what I was looking for...my only problem now is that even when I put your

Code: [Select]

font-size: small; into the field...nothing happens and nothing changes.

Any suggestions?

[Eliana Tamerin]

Did you put it in the Custom Body Style (note, note the Custom Title Style) area?

[arkiebiker]

Yes, I did put in that side (right side)...here is an actual screenshot...I am doing this on the Recent articles...I want the font size smaller.

Thank you for your help...

Wally

[Eliana Tamerin]

Could be that your theme's style.css already has font-size as small. You could try x-small or xx-small or using a pt, px or % size instead.

[arkiebiker]

BINGO...

Your help is GREATLY appreciated!!

Thank you.

Wally