News:

SMF 2.1.4 has been released! Take it for a spin! Read more.

Main Menu

How to remove this margins?

Started by Thijs.w, September 07, 2015, 11:04:52 AM

Previous topic - Next topic

Thijs.w

Hi.

I want to remove this margins. (I don't know how to call it, but I placed arrows to it.  ::))



I hope someone can help me?  ;)


Regards,
Thijs.
Regards,
Thijs.

http://www.thijsw.eu

Kindred

It's actually kind complicated in the default theme.... Because those are not actually borders, iirc...  I believe that they are transparent sections showing the background through...

I'd recommend taking a look at some of the other themes available... 
unless someone with more CSS skills than I have can point you to something simple and clever
Слaва
Украинi

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

Thijs.w

Quote from: Kindred on September 07, 2015, 11:46:56 AM
It's actually kind complicated in the default theme.... Because those are not actually borders, iirc...  I believe that they are transparent sections showing the background through...

I'd recommend taking a look at some of the other themes available... 
unless someone with more CSS skills than I have can point you to something simple and clever

I can't find it there too.
Regards,
Thijs.

http://www.thijsw.eu

SychO

You can change some CSS values that concerns those paddings

you may change these values below, in the default theme's index.css which is located in Themes/default/css/index.css

but before you make any sorts of changes make a copy of your index.css call it something like index_backup.css

search for this :


tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td {
    padding: 8px;
}


replace it with :

tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td {
    padding: 5px!important;
}


Search for :

table.table_list tbody.content td.stats {
    font-size: 12px;
    width: 7%;
    text-align: center;
}


Replace it with :

table.table_list tbody.content td.stats {
    font-size: 12px;
    width: 5%;
    text-align: center;
}


This is the least you can do
Checkout My Themes:
-

Potato  •  Ackerman  •  SunRise  •  NightBreeze

Kindred

Don't use the important supwrtag... that is bad practice these days...
Слaва
Украинi

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

Thijs.w

Quote from: Kindred on September 07, 2015, 01:26:31 PM
Don't use the important supwrtag... that is bad practice these days...

What's wrong with it? :o
Regards,
Thijs.

http://www.thijsw.eu

SychO

Quote from: Kindred on September 07, 2015, 01:26:31 PM
Don't use the important supwrtag... that is bad practice these days...

Well without the !important tag the padding won't apply since there is another padding settings

and i don't want him to delete it
Checkout My Themes:
-

Potato  •  Ackerman  •  SunRise  •  NightBreeze

Kindred

It forces overrides of the css. It is lazy coding which should be done through proper cascades intead of overrides.    As i said... whike mot invalud, it is considered bad practice, except in exceptional cases
Слaва
Украинi

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

Thijs.w

Quote from: SychO on September 07, 2015, 01:22:17 PM
You can change some CSS values that concerns those paddings

you may change these values below, in the default theme's index.css which is located in Themes/default/css/index.css

but before you make any sorts of changes make a copy of your index.css call it something like index_backup.css

search for this :


tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td {
    padding: 8px;
}


replace it with :

tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td {
    padding: 5px!important;
}


Search for :

table.table_list tbody.content td.stats {
    font-size: 12px;
    width: 7%;
    text-align: center;
}


Replace it with :

table.table_list tbody.content td.stats {
    font-size: 12px;
    width: 5%;
    text-align: center;
}


This is the least you can do

This doesn't works.
Regards,
Thijs.

http://www.thijsw.eu

Daniiel

Index.css
Search:
table
{
empty-cells: show;
}

Replace with:
table
{
    border-collapse: separate;
    border-spacing: 0;
    empty-cells: show;
}

Thijs.w

Quote from: Daniiel on September 07, 2015, 01:58:30 PM
Index.css
Search:
table
{
empty-cells: show;
}

Replace with:
table
{
    border-collapse: separate;
    border-spacing: 0;
    empty-cells: show;
}


Yes, this works!  ;D Thank you very much!!
Regards,
Thijs.

http://www.thijsw.eu

Advertisement: