Topic: new install -- text size in blocks

[smithc6]

Hi i installed SP yest on my smf forum
i have got it integrated with just some boxes around the right and top

one of the boxes is recent posts
is there a way i can make the text smaller as it looks kinda chunky
and have more posts showing pls
on the old info center i had quite a few posts showing on the portal its only about 8

and also i'd like to make a box to house a donate button any ideas how to do this pls

thanks

[deansmar]

the bit about recent posts, just increas the "Recent Posts or Topics to Display: " in the settings for that box.

i do belive the text size is set in the index.css of your theme.

use one of the custom php, html, or bbc boxes to make your own box for the donate button

[smithc6]

there isn't any settings in the recent posts section what so ever as far as i can see
any ideas where it is

and what do i change in the index.css?
i'm using the default style

[smithc6]

i've just had a look and there isn't an index.css in the default theme?

[deansmar]

sorry in version 1.1.11 its called style.css

[smithc6]

ok i've had a look and didn't find anything to do with the recent pots box
have you any idea what i'm looking for or what to change pls

[AngelinaBelle]

"Recent Posts or Topics to Display" is where you enter the number of recent posts or topics to display
 
You can see the options for recent posts/topics at
http://demo.simpleportal.net/index.php?action=admin;area=portalblocks;sa=edit;block_id=11;
 
(of course, on that demo forum, there are only 2 posts and no options to add any more)
 
-------------
 
You've discovered there are not any special classes for individual block types.
You can learn more about what CSS classes are used by looking at the HTML for each block (each block starts with  <div id="sp_block_, which makes them easy to find in the HTML source).
 
If you wish to alter the style of the body of a block, use the "Style Options".  You can start with a Custom Body Style and experiment with text and font styling (http://w3schools.com/css/default.asp offers lots of info on the proper CSS syntax).
 
 

[smithc6]

wooo thanks i sorted the amount of posts to be shown
but i have searched for the code to change the text size and i can't find it anywhere
sorry to be a pain but where is it exactly pls

[deansmar]

thanks AngelinaBelle I'm sure that's what i typed as well..!!

strange that he understood what you typed and not what i typed.. 

going back to the subject Fonts.. and the size of..

they are in your style.css of your theme if you did a search for font-size: I'm sure you will find a fair few

it depends on what your using, if i remember rightly most of the text use these classes;

.catbg, .catbg2, .catbg3

i suppose i have no idea what so every what i am doing...!!! 

at least i know how to set SP and SMF up as i would like it to be and look. 

[deansmar]

if you had supplied us with a link to your Forum / SP i could have told you which class on which line.

because you have not done that, we can only gaze in to the crystal ball and point you in the right direction... hoping that you will find your way.

by clicking with the right mouse on your open Forum in a browser and looking at the code, find a word that is in the box that you would like to change and some were near there you will find the Class code that changes the Fonts appearance..

[smithc6]

www.christianstogether.co.uk/smfforum

[deansmar]

i suppose your talking about the recent post box....

the thing is if you change the font size it will not just be for that box it will be for the hole Forum...

you would have to make a seperat class if you just want to control that box

once the class has been made then you need to enter it in the settings for that box under Style Options find Custom Title Class: enter the class that you made there.

the class in your themes style.css that is controling the text in that box is either;
a:link
a:visited
a:hover
tborder
sp_block
catbg

look for these classes in your styles.css and see if there is a Font-size if yes, change it and see if it worked.. try and try again....

in the setting for that box you might like to try setting the Display type: to compact first

and also try making the colum a little wider, it look as if it is below 200
under Block settings, Width of Right Side Blocks

[AngelinaBelle]

For the moment, let's forget about the CSS files.
 
How about editing the block we want to change, and only that block?
 
Down at the bottom of the "edit block" screen, look for "Custom body style".  Here is where you can apply any text or font styles you want to apply to just this one block.
 
Why not give that a try and see how well it works?

[smithc6]

ok thanks that sounds easier
any idea what to put in there
i'm not very good with coding yet
i'm learning as i go along the hard way usually lol

[smithc6]

i put x-small and font:x-small in but nothing changed lol

[AngelinaBelle]

Funny.  I just tried it at http://demo.simpleportal.net/, and it worked great.
 
The demo gets reset/refreshed every hour (or is it half-hour?).
I edited the recent posts block here: http://demo.simpleportal.net/index.php?action=admin;area=portalblocks;sa=edit;block_id=11
 
 

Before	After
Regular size Recent Posts	Smaller size post text
HTML for regular size Recent Posts	HTML for small Recent Posts

Here's how I did it:



 

 

[smithc6]

thanks for the brill info and explanation
not a clue why mine isn't working though lol
i have done exactly as you have said and there's no dif lol
i'm wondered if it's because i'm using safari with a mac
i know when i have done other things it always looks dif on dif browsers
but i just tried it on firefox and it hadn't changed

this is really weird and so frustrating
you've been kind enough to take time out and figure the solution for me and it just isn't working on mine
so annoying

[deansmar]

i just tryed it.. and it works fine on the normal IE and Firefox

just to be on the safe side you did type into the Box "Custom Body Style:"
font-size: x-small

not just "x-small"

[smithc6]

yes i typed it exactly as Angelina did
weird hey lol
it's still in there but as you can see from my site it looks no dif
www.christianstogether.co.uk/smfforum

[AngelinaBelle]

I see! So, that style must be overridden by an inner element.
 
I investigated using IE8's developers tools -- and it turns out to be -- <tr>.
 
In your style.css

Code: (find) [Select]

body, td, th , tr
{
 color: #000000;
 font-size: small;
 font-family: verdana, sans-serif;
}


Code: (replace) [Select]

body, td, th
{
 color: #000000;
 font-size: small;
 font-family: verdana, sans-serif;
}
tr
{
 color: #000000;
 font-family: verdana, sans-serif;
}

There is a chance that this will have an effect on a table used somewhere else in your site.  But probably not.

[smithc6]

lol thanks for taking the time and trouble to do that its really appreciated
but............. there's always a but isn't there
it hasn't worked tho
this is really baffling me
the only difference between your and mine is the little icons i have on my titles
do you think that could affect it?

i put the code in exactly right
and made sure the code in 'custom body style' was right
i even added some font-size code on the css but that hasn't worked either?

[AngelinaBelle]

oops -- you'll have to do the same for the td as you did for the tr, because, as you can see, the recent_subject and recent_info are in a <td>.
 
Just look at all the styles applied, and work your way down the layers until you get to your output.
 
When you have a problem like this, you should really use IE8 or firefox with firebug to trace the styles.
 
That's how I found your problem. If I can do it, you can do it.

[smithc6]

the td has worked in the sense of all the text is smaller now lol
but thats fine because it looks loads better like that
more crisp

thanks for sorting that out
onto the next question if i may but hopefully it'll be easier than the last one

the stats box
is there anyway to get more info in it
on my last one it told me how many users had been on that day
and the most who where on-line it told me when
etc there seems to be lots of lost info

a huge thanks for getting the text sorted tho i'm well happy now ty

[AngelinaBelle]

Code: (find) [Select]

body, th
{
 color: #000000;
 font-size: small;
 font-family: verdana, sans-serif;
}
td
{
 color:#000000;
 font-family:Verdana, sans-serif
}
tr
{
 color:#000000;
 font-size:x-small;
 font-family:verdana, sans-serif;
}


Code: (replace) [Select]

body, th
{
 color: #000000;
 font-size: small;
 font-family: verdana, sans-serif;
}
tr, td
{
 color:#000000;
 font-family:Verdana, sans-serif
}

Then find that block in the blocks list and put font-size:x-small in the custom body style text box.
 
Unless you REALLY want to make all your text x-small all over your site...

[smithc6]

woo hoo well done it worked
looks great now ty

[AngelinaBelle]

Cheers!