Jump to content

Forums

PERSCOM | Personnel Files | Rank Image "Small"


Recommended Posts

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.

Link to comment
Share on other sites

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

 

Link to comment
Share on other sites

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!

  • Thanks 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.