iconbox icon css

6 posts from 2 voices

• Started 8 months ago by charakad
• Latest reply from Ismael
• This topic is closed
• This topic is resolved

Tags:

No tags yet.

1. 

   charakad
   Member

   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

   Posted 8 months ago #
2. 

   Ismael
   Moderator

   Hi,

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

   avia_sc_icon_box

   Regards,
   Ismael

   Posted 8 months ago #
3. 

   charakad
   Member

   Hi Ismael,

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

   Thanks

   Cha

   Posted 8 months ago #
4. 

   Ismael
   Moderator

   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

   Posted 8 months ago #
5. 

   charakad
   Member

   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

   Posted 8 months ago #
6. 

   Ismael
   Moderator

   Hi Cha,

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

   Cheers,
   Ismael

   Posted 8 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.