Change Symbols In Welcome Three Box
- This topic has 7 replies, 3 voices, and was last updated 6 years, 2 months ago by
.
-
Posts
-
Hello, is there a way to change the symbols in Welcome Three Box? Currently there is a bell, suitcase and a trophy. We’d like to change these symbols to something more appropriate to our business? Many thanks
Hi,
To change the image in “Welcome Three Box”
First upload your image from Media Library. Go to Media -> Add New
Copy full path of uploaded image
Go to Appearance -> Theme Options -> Sections -> Welcome Three Box
Add image URL in image=”” like below[welcome_3_box] [box title="Balance Body and Mind" bgcolor="#f56c6d" fontcolor="#ffffff" image="https://www.nakedwellbeing.com/wp-content/themes/yoga-club/images/wlicon01.png" link="#"] [box title="Healthy Daily Life" bgcolor="#815c9e" fontcolor="#ffffff" image="https://www.nakedwellbeing.com/wp-content/themes/yoga-club/images/wlicon02.png" link="#"] [box title="Yoga Month Challenge" bgcolor="#f56c6d" fontcolor="#ffffff" image="https://www.nakedwellbeing.com/wp-content/themes/yoga-club/images/wlicon03.png" link="#"] [clear][/welcome_3_box]You can design your own images or download free image icon from https://icons8.com/
Regards
Grace ThemesThanks again 🙂
Hi, is there a way to erase the icons in the 3 boxes but keep the boxes and words? Do I erase the code for images? Would you mind showing me here? Thanks
Remove the image=”” parameter from this shortcode
Please use the below shortcode to display Welcome three boxes without image icon
[welcome_3_box] [box title="Balance Body and Mind" bgcolor="#f56c6d" fontcolor="#ffffff" link="#"] [box title="Healthy Daily Life" bgcolor="#815c9e" fontcolor="#ffffff" link="#"] [box title="Yoga Month Challenge" bgcolor="#f56c6d" fontcolor="#ffffff" link="#"] [clear][/welcome_3_box]Regards
Grace ThemesThanks. I found some icons I like and keep trying to put the code in but it isn’t working. What could I be doing wrong? There two different codes
<i class=”fas fa-leaf”></i>
and
“fas fa-leaf”
How can I code this in for the 3 boxes? Many thanks
This section is coded to display your custom images. The Font Awesome icon code will not work.
To change the images in this Welcome 3 column section
First upload logo image from Media Library. Go to Media -> Add New
Copy full path of uploaded image
Go to Appearance -> Theme Options -> Sections -> Section 13
Add image URL in image=”” and link in link=”” like below[welcome_3_box] [box title="Balance Body and Mind" bgcolor="#f56c6d" fontcolor="#ffffff" image="http://sitename.com/wp-content/themes/yoga-club/images/wlicon01.png" link="#"] [box title="Healthy Daily Life" bgcolor="#815c9e" fontcolor="#ffffff" image="http://sitename.com/wp-content/themes/yoga-club/images/wlicon02.png" link="#"] [box title="Yoga Month Challenge" bgcolor="#f56c6d" fontcolor="#ffffff" image="http://sitename.com/wp-content/themes/yoga-club/images/wlicon03.png" link="#"] [clear][/welcome_3_box]
- You must be logged in to reply to this topic.
