iTzHoLT Posted December 8, 2020 Share Posted December 8, 2020 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? Quote Link to comment Share on other sites More sharing options...
Administrators Jon Erickson Posted December 9, 2020 Administrators Share Posted December 9, 2020 Absolutely. You’ll need to edit the template file where the image is displaying and add in some custom CSS to change the size. Quote Owner Deschutes Design Group LLC email | jon@deschutesdesigngroup.com Link to comment Share on other sites More sharing options...
iTzHoLT Posted December 10, 2020 Author Share Posted December 10, 2020 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. Quote Link to comment Share on other sites More sharing options...
Ashton Posted December 10, 2020 Share Posted December 10, 2020 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 Quote Link to comment Share on other sites More sharing options...
iTzHoLT Posted December 11, 2020 Author Share Posted December 11, 2020 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! 1 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.