Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • August 10, 2014 at 6:29 pm #302276
    ahuby

    Hi,

    A quick question: how can I include an image next to the text (on the left side of the text) in an icon list?

    Kind regards!

    • This topic was modified 10 years, 4 months ago by ahuby.
    August 11, 2014 at 12:20 am #302326
    Ismael

    Hi ahuby!

    Thank you for using the theme.

    You should place the text and images inside a column. Put something like this on the icon list editor:

    <div class="flex_column av_one_third first">IMAGE HERE</div>
<div class="flex_column av_two_third">TEXT HERE</div>

    Place the image on the one third column container before the text.

    Best regards,
    Ismael

    August 11, 2014 at 1:28 am #302338
    ahuby
    This reply has been marked as private.
    August 11, 2014 at 2:43 pm #302625
    Yigit

    Hey Andres

    Please add following code to Quick CSS as well

    div .av_one_half { margin-left: 3%; width: 48%; }
div .av_one_third { margin-left: 3%; width: 32.333333%; }

    Regards,
    Yigit

    August 13, 2014 at 2:53 pm #303850
    ahuby
    This reply has been marked as private.
    August 13, 2014 at 3:01 pm #303858
    Yigit

    Hey!

    Please use following code instead

    .archive.woocommerce .sidebar {
display: none!important;
}
.archive.woocommerce .content {
width: 100%!important;
border: none!important;
}

    Cheers!
    Yigit

    August 15, 2014 at 1:04 pm #304874
    ahuby
    This reply has been marked as private.
    August 15, 2014 at 8:33 pm #305071
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
top .wp-caption.aligncenter {
margin: 0;
width: 100%!important;
margin-top: 20px;
}}

    You can use HTML tab in your new layer and add your button manually

    Regards,
    Yigit

    August 17, 2014 at 6:05 pm #305450
    ahuby
    This reply has been marked as private.
    August 17, 2014 at 8:34 pm #305488
    ahuby
    This reply has been marked as private.
    August 18, 2014 at 4:58 pm #305852
    Dude

    Hi!

    You can use this code – insert it into the child theme functions.php or enfold/functions.php file:

    

add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );
function custom_override_checkout_fields( $fields ) {
     $fields['order']['order_comments']['label'] = 'Remarks (i.e. carbon offsets retired on behalf of John Smith):';
     return $fields;
}

    If you also want to adjust the placeholder text use this code instead:

    

add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );
function custom_override_checkout_fields( $fields ) {
     $fields['order']['order_comments']['label'] = 'Remarks (i.e. carbon offsets retired on behalf of John Smith):';
     $fields['order']['order_comments']['placeholder'] = 'My placeholder text';
     return $fields;
}

    and replace “My placeholder text” with your custom placeholder text.

    Best regards,
    Peter

    August 18, 2014 at 6:45 pm #305910
    ahuby
    This reply has been marked as private.
    August 19, 2014 at 3:41 pm #306374
    Yigit

    Hey!

    It seems like you have already figured it out – http://i.imgur.com/tAE9iTH.png

    Best regards,
    Yigit

    August 19, 2014 at 4:34 pm #306408
    ahuby
    This reply has been marked as private.
    August 19, 2014 at 4:38 pm #306411
    Yigit

    Hi!

    Please add following code to Quick CSS 

    #top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select { border-color: #e2e2e2; }

    Regards,
    Yigit

    August 20, 2014 at 4:40 pm #306922
    ahuby
    This reply has been marked as private.
    August 22, 2014 at 12:22 am #307577
    Devin

    Hi!

    You can add buttons to LayerSlider slideshows by adding the raw shortcode for them into the html field of a layer.

    Cheers!
    Devin

    October 2, 2014 at 7:38 am #328700
    ahuby
    This reply has been marked as private.
    October 3, 2014 at 6:11 am #329458
    Ismael

    Hey!

    Please make sure that the Responsive mode is enabled on the Slider Settings. Fill in the Layers Container and Responsive under fields. Default value is 1140. You can also use the Attributes panel. Add a unique selector on the Classes field. Use this selector inside css media queries to change the style of the layer on mobile device.

    Best regards,
    Ismael

    October 3, 2014 at 10:32 am #329586
    ahuby

    Thanks Ismael!

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • The topic ‘Image next to text’ is closed to new replies.