Icon Spacing and Sizing

Question

Hi Referring to https://adm cba.rof.ca/CusC/CusC LA.php Credentials: – UserName: SemiColon Password: SC4321 Question 1 We are using to space the Icons, is there another way? Sample:

Question 2 Is there a way to enlarge the Icons? Thank you. Regards Barry

SemiColonWeb · Accepted Answer

Hello,

We were not able to check the Page with the Login Information you have provided, however, changing the Spacing and Sizing of the Icons can be done simply by the usage of Utility Classes:

For Spacing, simply use the Bootstrap Utility Classes: https://getbootstrap.com/docs/5.0/utilities/spacing/ like .me-3 on the <i> Tag.
To enlarge the Icons, simply use .i-large Class. More Examples can be found here: https://themes.semicolonweb.com/html/canvas/styled-icons.html .

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.

SISCAN · Answer

Hi https://adm cba.rof.ca/CusC/CusC LA.php Have I entered the .me 3 correctly as it is not spacing the icons.

SemiColonWeb · Answer

Hello, The Correct Codes will be: However, since you are using Bootstrap 4, you must be using this code: 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.

SISCAN · Answer

Hi I am using Canvas Theme 5 I updated code like:

and still does not space. What am I doing wrong? I did review https://getbootstrap.com/docs/4.0/utilities/spacing/ Thanks. Regards Barry

SemiColonWeb · Answer

Hello, is used to represent it as a Class. When you use it in your Codes, you will need to use it as just (without the dot). This will automatically fix the issue. Hope this Helps! Let us know if we can help you with anything else or if you find any further issues.

SISCAN · Answer

Thanks you. 1 more question on an iPhone 8 the icons show vertically instead of horizontally, see screen clipping uploaded. Is there any setting required? Thanks.