Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • #302276

    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 4 months, 1 week ago by  ahuby.
    #302326

    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

    #302338
    This reply has been marked as private.
    #302625

    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

    #303850
    This reply has been marked as private.
    #303858

    Hey!

    Please use following code instead

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

    Cheers!
    Yigit

    #304874
    This reply has been marked as private.
    #305071

    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

    #305450
    This reply has been marked as private.
    #305488
    This reply has been marked as private.
    #305852

    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

    #305910
    This reply has been marked as private.
    #306374

    Hey!

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

    Best regards,
    Yigit

    #306408
    This reply has been marked as private.
    #306411

    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

    #306922
    This reply has been marked as private.
    #307577

    Hi!

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

    Cheers!
    Devin

    #328700
    This reply has been marked as private.
    #329458

    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

    #329586

    Thanks Ismael!

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

The topic ‘Image next to text’ is closed to new replies.