Team logo size in widget

Hi!

Thanks for reaching out.

In order to do that you’d need to change the registered image sizes, which would require more custom code than we can provide.

We can increase them via CSS only but they would look blurry. If you want to give it a shot, please send us a link to a page where you have that.

Thanks!

hello.

Already tried:

.sp-event-blocks .team-logo img {
max-width: 150% !important;
max-height: 150% !important;;
width: auto;
height: auto;

but with more than 150%, the right photo is not aligned to center.

page is: https://www.ndbilje.si

thank you!

Hi!

Your CSS code seems to be working fine. When I try the developer tools I can increase it to bigger sizes (for example 200%) and it’s still looking ok.

You might need to reposition them though, as they have absolute positions, and bigger sizes may not fit within the current display.

Thanks!

hi.

what about reposition? how can i solve this?

Hi!

Here is an example:

.sp-event-blocks .team-logo img {
	max-width: 200% !important;
	max-height: 200% !important;
}
.sp-event-blocks .team-logo {
	width: 35%;
	height: 10em;
	max-width: 20em;
}

Thanks!

Logos are working fine! Thank you!

How can I increase font size on team names?

How can I add a day name over a match date?

any idea=?

Hi @tomtom555 ,

For the Team Names please use the following code:

h4.sp-event-title a {
    font-size: large;
}

For adding a new field like Day name you should alter the template file using a child theme.

SportsPress/templates/event-logos.php is the file you need to copy at your child theme inside /sportspress/ folder and edit it as you like.

Thanks,
Savvas

• This reply was modified 5 years ago by Savvas.

Sorry do not work. I need bigger names (opponents) on widget (next and last match)

Try to use something like the following then, and try different values of font-size to achieve what you want:

h4.sp-event-title a {
    font-size: 3em;
}

Thanks,
Savvas

working! great! thank you!

what about match date? and result/time?

thank you in advance

@savvasha how to put the date betwen logos in two rows without space?

HERE is wrong

THIS is like i want

@savvasha I have already used:

@media only screen and (max-width: 600px) {
.sp-event-blocks .team-logo img {
max-width: 125% !important;
max-height: 125% !important;
width: auto;
height: auto;

reduced suzes but do not fit

Hi @tomtom555 ,

Please open a new topic about the date between logos. It will be easier for the other users to help you out or to find help.

Thanks,
Savvas