I think the pictures are ‘squeezed’ to the correct size in the first table because there is no more space available (table cells will divide available space evenly). In the other table there is less data to show, so the pictures can take more space.
You can resize the pictures to the correct size (table spacing won’t expand the pictures to a bigger size), or use css to change the picture size in the second table (e.g. set max-width for the logos).
Thank you 🙂
Got it sorted by adding
img{
width:100%;
max-width:32px;
}
Is there a way I can edit the w / d / l of the group page to be capital letters?
View post on imgur.com
I would personally make it a bit more specific, e.g. (if I remember the html correctly)
img.flag {
width:100%;
max-width:32px;
}
Capitalization can also be done via css with text-transform.
table.xyz tr:first-child td { text-transform: uppercase; }
Change ‘xyz’ to the correct class name to make sure you select the correct table.
Thanks for the correction – have done that now. 🙂
Apologies for being a noob but where can I find the class name?
View post on imgur.com
thank you
Managed to do it using:
th.wins { text-transform: uppercase; }
th.draws { text-transform: uppercase; }
th.losses { text-transform: uppercase; }
Thank you 🙂
Yep, that also works. A bit shorter:
th.wins,
th.draws,
th.losses { text-transform: uppercase; }
The class name is the one on the table. Actually there are 2: “ranking” and “group-ranking”. But my example was wrong 🙂 I used td instead of th in the selector.
No worries 🙂
Going by that I should be able to change the W D L from italics to normal by doing:
th.wins,
th.draws,
th.losses {
text-transform: uppercase;
font-weight: normal;
}
However it still seems to be in italics, can you see what I’m doing wrong?
-
This reply was modified 7 years, 9 months ago by
loganww.
Have also tried:
th.wins,
th.draws,
th.losses {
text-transform: uppercase;
font-style: normal;
}
-
This reply was modified 7 years, 9 months ago by loganww.
Could be that you have to make the selector more specific to overrule my css. I don’t have access to my laptop so can’t try or lookup the exact code, but you can try:
table.ranking.group-ranking tr th.wins,
table.ranking.group-ranking tr th.draws,
table.ranking.group-ranking tr th.losses {
text-transform: uppercase;
font-style: normal;
}
That worked perfectly, thank you for all your help !! 🙂
