Rank Image size

[Petra Jane]

Since a forum update to 4.x our pip_images have shurnk quite strangely.

They are all 120x30 pixels and used to look 120 wide, now they seem to be about 30 pixels wide. To be honest, I can't figureout where to edit to bring them back up to their correct width, any clues or advice please?

Original image

Forum result

 

[Davyc]

LInk to website would be helpful, this could just be a simple CSS change 🙂

 

[SeNioR-]

4 hours ago, Davyc said:

LInk to website would be helpful, this could just be a simple CSS change 🙂

Her Community is https://www.transgenderpulse.com/forums/

From what I can see, she added a rank in place of a badge, which is why the image of the rank was squeezed so much.

Edited July 19, 2022 by SeNioR-

[Davyc]

I see the issue is resolved now and the images are showing correctly now 🙂

 

[Davyc]

@Petra Jane I noticed that your headers in the forums have no padding to take them off the edges of the container; if you add the following to your custom CSS file it will tidy them up for you 🙂

.ipsPageHeader {
    padding-left: 15px;
    padding-top: 15px;
}

 

[Petra Jane]

49 minutes ago, Davyc said:

I see the issue is resolved now and the images are showing correctly now 🙂

 

Not for me I'm afraid. The image affected is the one that appears over the member avatar.

 

Sorry about not giving url, thanks to SeNioR- for helping out there.

[Davyc]

9 hours ago, Petra Jane said:

Not for me I'm afraid. The image affected is the one that appears over the member avatar.

 

I see it now - add this to your custom CSS file:

.cAuthorPane_badge--rank {
    width: 120px;
    height: 30px;
}

That should do the trick - if nothing changes use this instead:

.cAuthorPane_badge--rank {
    width: 120px !important;
    height: 30px !important;
}

 

[Petra Jane]

9 hours ago, Davyc said:

I see it now - add this to your custom CSS file:

.cAuthorPane_badge--rank {
    width: 120px;
    height: 30px;
}

That should do the trick - if nothing changes use this instead:

.cAuthorPane_badge--rank {
    width: 120px !important;
    height: 30px !important;
}

 

Thank you @Davyc that fixes it perfectly!

I can edit CSS, when someone shows me how, but figuring out how to make such changes is a bit of a struggle for this ol'brain. Thank you from the bottom of my heart!

[Davyc]

1 hour ago, Petra Jane said:

I can edit CSS, when someone shows me how, but figuring out how to make such changes is a bit of a struggle for this ol'brain. Thank you from the bottom of my heart!

Always a pleasure and never a chore, happy to have been of help.  If you need any further help I'm here 🙂