Little CSS help needed please

Started by Psycho-UK, December 02, 2015, 03:28:49 AM

Previous topic - Next topic


Hi Guys,

Loving this SMF 2.0.11 default Curve themed board after installing about a week ago and spending most of that time configuring for our community. I do have a little dilemma at the moment and that's from a user who uses mostly an IPad for viewing on and he says the page number navigation above any thread that has more than 1 page of posts is hard to navigate due to the [1] [2] [3] being so small.

Can somebody point me in the right direction as to what to change so I can make the numbers only a little larger. Any help here very much appreciated.

Thanks in advance and keep up the great work  8)


In your default theme's index.css, look for-

/* the page navigation area */
font-size: 0.9em;
padding: 0.2em;
overflow: hidden;
margin-bottom: 1px;

You can change the font-size: 0.9em; to something larger like say 1.2em; It will enlarge the [1] [2] page numbers, but will also enlarge the buttons to the right of it as well. ("reply" "add poll" etc.)


Most modern browsers will allow you to right-click that area and use "inspect element" (or equivalent) to see exactly what's going on there, css wise. Often, you'll also get the relevant line number in the css file.

As well as showing you the code, any decent browser will allow you to temporarily make changes to the displayed css to see how it would look.

Obviously this will only show in your browser (not your iPad user's browser) but you'll get a good idea.

Or you could just go ahead with br360's change :D


Phewwwww that was quick - thanks very much br360 & shambles, appreciated  ;)