SimplePortal

Development => Feature Requests => Topic started by: AngelinaBelle on April 12, 2010, 11:12:26 AM

Title: Use more CSS classes in blocks so admins can control style without altering php
Post by: AngelinaBelle on April 12, 2010, 11:12:26 AM

In this example (http://simpleportal.net/index.php?topic=5160.0 (http://simpleportal.net/index.php?topic=5160.0)) the site owner wants to change the shoutbox text size.
 
Each shout is in <li class=smalltext>. But if it were in <li class=shoutbox_shout>, it would be very easy for the the admin to change the font size of the shouts without affecting the size of any other text.
 
As it is, one can use .shoutbox_body li or .shoutbox_list_compact li to make the list item text smaller, but that could also affect the text in the shoutbox warning.

Title: Re: Use more CSS classes in blocks so admins can control style without altering php
Post by: [SiNaN] on April 13, 2010, 05:42:13 AM

You could actually do that. This will change the size for all items:

Code: [Select]

ul.shoutbox_list_compact li.smalltext
{
font-size: 10pt;
}
After that you can reset the shoutbox warning:

Code: [Select]

ul.shoutbox_list_compact li.shoutbox_warning
{
font-size: 8pt;
}
You could even change

Code: [Select]

ul.shoutbox_list_compact
as

Code: [Select]

ul#shouts_{shoutbox_id}
in the above code and define different styles for different shoutboxes.

Title: Re: Use more CSS classes in blocks so admins can control style without altering php
Post by: Aw06 on April 13, 2010, 10:20:51 AM

cool, got it..