Get 20% Off On All Our Premium WordPress Themes Bundle. Use GRACEBFCM Coupon Code For Discount Deal Upto Dec 15 Buy Now

Change Symbols In Welcome Three Box

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

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
    Member

    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
    Member

    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
    Member

    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
    Member

    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.