Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #15915

    Hello,

    Thank you for the nice theme.

    I am trying to use a single image for the icons in iconbox and use css to show the right section of the image like in http://www.google.com/+/learnmore/mobile/.

    How can I insert a div class or something into the shortcode so that I could use css to manipulate the image. My site is http://www.obooks.com.au

    Thank you

    Cha

    #89475

    Hi,

    You can find the icon box shortcode on includes > register-shortcodes.php, find this code

    avia_sc_icon_box

    Regards,

    Ismael

    #89476

    Hi Ismael,

    Thanks for your reply. But I am sorry I do not know what to do next. Appreciate your help.

    Thanks

    Cha

    #89477

    Hi,

    This is the actual output of the icon box shortcode. Instead of using the shortcode, add this on your posts or page.

    <div class="iconbox">
    <span class="iconbox_icon">
    <img src='http://localhost/kriesi/brightbox/wp-content/themes/brightbox/images/icons/iconbox/adress_book.png' alt='' />
    </span>
    <div class="iconbox_content">
    <h3 class="iconbox_content_title">Icon Box Title</h3><p>Icon Box Content</p>
    </div>
    </div>

    You can a div or some unique classes to style it. :)

    Regards,

    Ismael

    #89478

    Hi Ismael,

    Thank you. managed to get it done by changing the span class id to a unique id.

    <div class="iconbox">
    <span class="iconbox_icon1">
    <img src='http://localhost/kriesi/brightbox/wp-content/themes/brightbox/images/icons/iconbox/adress_book.png' alt='' />
    </span>
    <div class="iconbox_content">
    <h3 class="iconbox_content_title">Icon Box Title</h3><p>Icon Box Content</p>
    </div>
    </div>

    Thanks

    Cha

    #89479

    Hi Cha,

    Glad that we could help you. :) I’ve marked this as resolved. :)

    Cheers,

    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘iconbox icon css’ is closed to new replies.