Jump to content

Featured Replies

Posted

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

Image1.jpg.04a6946b116baf47d325b082fb6052b1.jpg

Forum result

 

Image2.jpg.2501d097ae3d93b1b1b3256f86eee216.jpg

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

 

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 by SeNioR-

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

 

@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;
}

 

  • Author
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.

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;
}

 

  • Author
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!

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 🙂

 

Recently Browsing 0

  • No registered users viewing this page.