PERSCOM | Personnel Files | Rank Image "Small"

[iTzHoLT]

We are having a hard time navigating the .css but is there a known way to increase the size of the small rank images on the front of the personnel files page?

[Jon Erickson]

Absolutely. You’ll need to edit the template file where the image is displaying and add in some custom CSS to change the size. 

[iTzHoLT]

19 hours ago, Jon Erickson said:

Absolutely. You’ll need to edit the template file where the image is displaying and add in some custom CSS to change the size. 

I really would not consider this amazing advice. You basically told me what I already know. We have looked through the .css

Any idea which line or container we are looking for? The PERSCOM css looks to be completely independent from that of the skin/template itself.

The suggested rank image size of 15x15 is way to small to visually see the difference between them. This can't be the first time this question has come up.

Just figured someone could identify the location and line of where to make this change.

[Ashton]

Hi @iTzHoLT

The best way to identify the correct css for an element you want to edit is to navigate to the page and press F12 (Chrome is normally the best for this) there you will be able to edit on the fly and identify exactly what you need to change. 

Then grab that value, go to templates and in the search box you will put the css element you want to change and that will return the CSS file in which the element is defined. You can even add that element to the custom.css (this overwrites any templates) and make your custom changes there.

The PERSCOM CSS is separate from the Themes CSS and is normally under the PERSCOM section of the theme.

In your case you will need to edit Templates > PERSCOM > Columns > Rank and change the value on the end of line 4 from 15px to whatever value you want. 

You will also need to do this in Templates > PERSCOM > Personnel > AdminRow line 9 to change it on any admin rosters you have. 

Thanks

 

[iTzHoLT]

5 hours ago, Ashton said:

Hi @iTzHoLT

The best way to identify the correct css for an element you want to edit is to navigate to the page and press F12 (Chrome is normally the best for this) there you will be able to edit on the fly and identify exactly what you need to change. 

Then grab that value, go to templates and in the search box you will put the css element you want to change and that will return the CSS file in which the element is defined. You can even add that element to the custom.css (this overwrites any templates) and make your custom changes there.

The PERSCOM CSS is separate from the Themes CSS and is normally under the PERSCOM section of the theme.

In your case you will need to edit Templates > PERSCOM > Columns > Rank and change the value on the end of line 4 from 15px to whatever value you want. 

You will also need to do this in Templates > PERSCOM > Personnel > AdminRow line 9 to change it on any admin rosters you have. 

Thanks

 

@Ashton- This may be the best help and assistance I have ever been given on anything in my life lol

I really appreciate you taking the time to explain that so thoroughly. Thank you so much!