Okay
  Public Ticket #454060
Icons
Closed

Comments

  • Alexander started the conversation
    June 10, 2015 at 2:17am

    Hi,

    is it possible to create something like in the attached file with the 'text with icon' shortcode?
    Also the hover effect doesn't seem to appear in the settings.

    Thanks

  •  8,851
    Tahir replied
    June 10, 2015 at 3:21pm

    Hey,

    See screenshot: http://prntscr.com/7faszz and the VC Code: 

    [vc_row type=\"in_container\" bg_position=\"left top\" bg_repeat=\"no-repeat\" text_color=\"dark\" text_align=\"left\" top_padding=\"120\" bottom_padding=\"80\" parallax_bg=\"true\"][vc_column centered_text=\"true\" width=\"1/4\" animation=\"none\" column_padding=\"no-extra-padding\" background_color_opacity=\"1\"][vc_row_inner][vc_column_inner width=\"1/1\" animation=\"none\" delay=\"400\" column_padding=\"no-extra-padding\"][vc_column_text][icon size=\"large\" image=\"icon-tablet\" color=\"Extra-Color-3\"][/vc_column_text][/vc_column_inner][/vc_row_inner][vc_column_text]
<h4>100% Responsive Design</h4>
Accusantium quam, ultri eget tempor id, aliquam eget nibh et. Maecen aliquam, risus at semper ullamcorper[/vc_column_text][/vc_column][vc_column width=\"1/4\" animation=\"none\" centered_text=\"true\" column_padding=\"no-extra-padding\" background_color_opacity=\"1\" delay=\"200\"][vc_row_inner][vc_column_inner width=\"1/1\" animation=\"none\" delay=\"600\" column_padding=\"no-extra-padding\"][vc_column_text][icon size=\"large\" image=\"steadysets-icon-diamond\" color=\"Extra-Color-3\"][/vc_column_text][/vc_column_inner][/vc_row_inner][vc_column_text]
<h4>Award Winning Quality</h4>
Accusantium quam, ultri eget tempor id, aliquam eget nibh et. Maecen aliquam, risus at semper ullamcorper[/vc_column_text][/vc_column][vc_column width=\"1/4\" animation=\"none\" centered_text=\"true\" column_padding=\"no-extra-padding\" background_color_opacity=\"1\" delay=\"400\"][vc_row_inner][vc_column_inner width=\"1/1\" animation=\"none\" delay=\"800\" column_padding=\"no-extra-padding\"][vc_column_text][icon size=\"large\" image=\"steadysets-icon-file\" color=\"Extra-Color-3\"][/vc_column_text][/vc_column_inner][/vc_row_inner][vc_column_text]
<h4>Extensive Documentation</h4>
Accusantium quam, ultri eget tempor id, aliquam eget nibh et. Maecen aliquam, risus at semper ullamcorper[/vc_column_text][/vc_column][vc_column width=\"1/4\" animation=\"none\" centered_text=\"true\" column_padding=\"no-extra-padding\" background_color_opacity=\"1\" delay=\"600\"][vc_row_inner][vc_column_inner width=\"1/1\" animation=\"none\" delay=\"1000\" column_padding=\"no-extra-padding\"][vc_column_text][icon size=\"large\" image=\"icon-gift\" color=\"Extra-Color-3\"][/vc_column_text][/vc_column_inner][/vc_row_inner][vc_column_text]
<h4>Loaded With Goodies</h4>
Accusantium quam, ultri eget tempor id, aliquam eget nibh et. Maecen aliquam, risus at semper ullamcorper[/vc_column_text][/vc_column][/vc_row]

    Paste it in text mode of Classic editor and then switch to Visual Composer.

    Thanks

    ThemeNectar Support Team