WordPress Website Templates

Find Professional WordPress themes Easy and Simple to Setup

inner banner

Change Symbols In Welcome Three Box

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

    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
    Anonymous
    Inactive

    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.