Celebrate Christmas and New Year with 10% off on Themes Bundle, use coupon code "XMAS10" Buy Now

Change Symbols In Welcome Three Box

Home Support Yoga Club WordPress Theme Change Symbols In Welcome Three Box

This topic contains 7 replies, has 3 voices, and was last updated by  Grace Themes 2 months, 4 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #10489

    emailrr
    Participant

    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

    #10495

    Grace Themes
    Keymaster

    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 Themes

    #10618

    emailrr
    Participant

    Thanks again 🙂

    #10625

    Grace Themes
    Keymaster

    Welcome!

    #11132

    Seven Crow
    Participant

    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

    #11148

    Grace Themes
    Keymaster

    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 Themes

    #11152

    Seven Crow
    Participant

    Thanks. 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

    #11159

    Grace Themes
    Keymaster

    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]
    
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.