Width of frontpage boxes and size of fontawesome icon

[rabtheme]

Hello,

Can the width of each frontpage box be adjusted? Can the size of the fontawesome icon and text be made smaller on frontpage boxes?

I like the size of the frontpage boxes on your demo page: http://demo.theme-vision.com/. Agama Pro displays icon over box title. Your demo shows icon alongside title.

Thank you,
Marybeth

[Zex]

Hello Marybeth!

The content you mention on http://demo.theme-vision.com/.
actually is not a front page boxes.

These “boxes” are made using visual composer and Icon Box shortcode.
So , if you want your front page boxes look like ours, follow the steps below:

1. Edit the page where you want the boxes to appear
https://prnt.sc/ged3qt

2.With the Visual Composer backend editor Add an ROW Element.
https://prnt.sc/ged42n
https://prnt.sc/ged4pa

3. Choose the boxes layout
https://prnt.sc/ged5qb

4. Click on “+”sign to add a icon box shortcode to the column
https://prnt.sc/ged6d7
https://prnt.sc/ged7cu

5.Set the icon box shortcode
In “General” Tab set the title and content
https://prnt.sc/ged87j

next, in “Box Icon” tab set the icon, Icon position (set it to left Side) and Icon size (set it to small).
https://prnt.sc/ged9xr

6. Save the changes for the Icon box settings.

Repeat steps 4-6 for each box.

When you finished , update your page.

https://prnt.sc/gedb6l

Please check the video guide:

http://docs.theme-vision.com/article/icon-box-shortcode/

For the Font size , go to : Customizer->General->Body , and change the Body font size.

Regards

[rabtheme]

Thank you for the detailed steps! I’ll switch over to icon boxes.

[Author]

Posts