ICON Sizing Question

6 replies·opened Dec 11, 2020
S
SISCANDec 11, 2020

Is there a way to enlarge the Icon sizes.

Sample page here: -
http://adm-cba.rof.ca/sam/sam_List01.php
Under action the icons will be hyperlinks and they are small when used is a Touch Enviroment, i.e. iPhone.

Regards
Barry

S
SemiColonWebSTAFFDec 11, 2020

Hello,

You can consider using the Styled Icons: http://themes.semicolonweb.com/html/canvas/styled-icons.html for better Sizing Control. Additionally, you can also consider adding the .icon-2x to .icon-5x Icon Sizing Classes to your Icons. Example:

<i class="icon-line-square-plus icon-2x" title="ADD"></i>

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

S
SISCANDec 11, 2020

Thank you.

S
SISCANDec 11, 2020

Would you please advise how I can center/middle the text (height wise) on each row and how I can position the icons in the center/middle of the column field.

https://adm-cba.rof.ca/sam/sam_List04.php

Thank you.

S
SemiColonWebSTAFFDec 12, 2020

Hello,

You can consider using vertical-align: middle; on the <td> Tags.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

S
SISCANDec 12, 2020

I was hoping for a CSS Settings.

Tank you.

S
SemiColonWebSTAFFDec 13, 2020

Hello,

This is a CSS Setting. You can use it like this: <td style="vertical-align: middle;"> or assign a Global CSS Style for this.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard