Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 28, 2015 at 1:37 pm #479690
    Natalie_Hood

    Hello,

    Hope you can help! Absolutely love this theme! However, I am trying to create a Grid Row (like your one in the Shop Demo), but with your default demo.

    For some reason, I have copied everything exactly as it is in the shop demo, but only one of the images shows (out of the four I have uploaded) in the centre of the row on the front end, and there is a little broken image icon quite far down at the bottom left. I am also trying to achieve the 1/4 layout – just two rows of images.

    Please could you tell me what I am doing wrong? I have no idea what the issue could be – maybe image size? If you could get back to me when you can, I would really appreciate it.

    Thanks!

    July 28, 2015 at 5:20 pm #479818
    Elliott

    Hi Natalie_Hood!

    Send us a link to your page and we’ll take a look. You can set your reply as private if you wish.

    Best regards,
    Elliott

    July 28, 2015 at 5:52 pm #479844
    bcgallaher

    I am also having issues with the images not displaying in the grid row. I have imported the shop demo too. The original demo was not displaying the images and a new one I created didn’t display the images either. The images sometimes are displayed when you refresh the browser.

    July 28, 2015 at 6:20 pm #479860
    Natalie_Hood

    Hi Elliot,

    Thanks for getting back to me. The link is http://fournews.com.www39.cpt4.host-h.net/ – the site is no where near what it will eventually look like – I am still playing around with the layout and elements to see exactly what I want to do.

    If you could get back to me at your earliest convenience, I would appreciate it.

    Thank you.

    July 29, 2015 at 3:26 pm #480289
    Elliott

    Hey!

    All I see is one image element. Your trying to recreate the four images on this demo page correct? http://kriesi.at/themes/enfold-shop/

    First off do this, http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/.

    And then add this to the debug view and save.

    
[av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='collections']
[av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']

[av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/winter-girl-small-495x400.jpg' attachment='551' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product,66' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff']
NEW
WINTER COLLECTION
[/av_image]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']

[av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/couple-sitting-495x400.jpg' attachment='546' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,15' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff']
LATEST
STREET CLOTHES
[/av_image]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']

[av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/girls-shopping-desat-495x400.jpg' attachment='549' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,12' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff']
FRESH
SPORTSWEAR
[/av_image]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']

[av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/hipster-girls-working-495x400.jpg' attachment='554' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,10' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff']
FUNKY
ACCECCOIRS
[/av_image]

[/av_cell_one_fourth]
[/av_layout_row]

    Regards,
    Elliott

    August 2, 2015 at 11:12 am #481748
    Natalie_Hood

    Hi Elliott,

    Sorry it’s taken so long to reply. Thank you – this has worked.

    Appreciate your support!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Grid Row Layout – only one image showing’ is closed to new replies.