Customizing SMF > SMF Coding Discussion

How to remove the dots line in body_below?

(1/1)

Square:
Hi,

SMF 2.0.2
On the main index page, between the "users active" and "most online", there is a dots line.
How to remove it?

Or, how to replace it with a plain line like in the header, between the drop menu (+ advert) and linktree?

I would like to try both please.
Thanks. :)

Shambles:
You'll find that's defined as a border in your index.css file


--- Code: ---#upshrinkHeaderIC p.last
{
margin: 0;
padding: 0.5em;
border-top: 2px dotted #bbb;
}
--- End code ---

If you use Firefox you can play about with it to your hearts content until it looks right, then you can commit it to your css file

Square:

--- Quote from: Shambles™ on June 23, 2012, 10:39:32 AM ---You'll find that's defined as a border in your index.css file


--- Code: ---#upshrinkHeaderIC p.last
{
margin: 0;
padding: 0.5em;
border-top: 2px dotted #bbb;
}
--- End code ---

--- End quote ---
Thank you, I'll try that.





--- Quote from: Shambles™ on June 23, 2012, 10:39:32 AM ---If you use Firefox you can play about with it to your hearts content until it looks right, then you can commit it to your css file

--- End quote ---
Can you please tell me more about this? I know nothing about it and it seems interesting.

Shambles:

--- Quote from: Square on June 23, 2012, 10:47:49 AM ---

--- Quote from: Shambles™ on June 23, 2012, 10:39:32 AM ---If you use Firefox you can play about with it to your hearts content until it looks right, then you can commit it to your css file

--- End quote ---
Can you please tell me more about this? I know nothing about it and it seems interesting.

--- End quote ---
In later versions of Firefox you can right-click parts of your screen and select "Inspect Element", which shows the styling at that point; on my system the forum gets shoved leftwards and a list of css elements appears on the right. You can double-click the css elements and change them, observing the change immediately on the screen.

For earlier versions of Firefox you can get the Firebug addon which is the same thing. Not sure if IE has something similar (suspect it does)

Square:

--- Quote from: Shambles™ on June 23, 2012, 10:51:46 AM ---In later versions of Firefox you can right-click parts of your screen and select "Inspect Element", which shows the styling at that point; on my system the forum gets shoved leftwards and a list of css elements appears on the right. You can double-click the css elements and change them, observing the change immediately on the screen.

--- End quote ---

I just tried. Very helpful! Many thanks!
I'll probalby ask less question on this forum now.  :D

Navigation

[0] Message Index