Tagged: ,

Viewing 30 posts - 1 through 30 (of 30 total)
  • Author
    Posts
  • #1039956

    Hi there,

    I’m trying to get the grid the same as at the Shop Demo (height and width).
    It’s the grid below the full-screen slider.

    Link is in Private Content.

    #1040100

    Hey KevinWijnbergen,

    Did you try to set all the cells to have 0 padding? If that doesn’t work then please post admin login details in private so that we can have a closer look.

    Best regards,
    Rikard

    #1040203

    Hi Rikard,

    All the cells have been set to 0 padding, but it just doesn’t work.
    I posted the login credentials.

    #1040341

    Hi,

    Thanks for the details, I see that you have added the image element there. In the demo the images are set as backgrounds in the cells, could you try that approach instead please?

    Best regards,
    Rikard

    #1040347

    Hi Rikard,

    Thx for your reply.
    I tried this with the first image.
    However, it still doesn’t do the trick.

    I imported the Shop Demo at another domain and it’s settings are exactly the same as mine.
    Also, the imported Shop Demo has also images inside of it (not as background cells).

    #1040569

    Hi,

    You need to set the background to “Stretch to fit”, otherwise it won’t cover the whole cell. I set that in the first one and it’s working as expected.

    Best regards,
    Rikard

    #1040832

    I see.
    Thank you so much!

    Why are the images so blurry?

    #1040959

    Hi KevinWijnbergen,

    It’s blurry because the column has 476px width 170px height while the image uses 300px and 188px in height, the image is forced to stretch thus making it look blurry.
    When you insert a background image make sure that you choose the right image size, you’ll see it here: https://imgur.com/a/WeO5lAL
    Hope it helps.

    Best regards,
    Nikko

    #1041770

    That did the trick.
    Thanks guys!

    #1041932

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1042031

    One more question:
    I want the section to be the same as here (check private content)

    How can this be done?

    Thanks!

    #1042347

    Hi,

    You would need a custom solution for that, we can’t create it for you but if you need help along the way then we can help out with small fixes.

    Best regards,
    Rikard

    #1042523

    Is there a possibility to create this with Enfold Theme (if it isn’t 100% the same it’s also okay) ?

    #1042680

    Hi,

    Yes I think it should be possible.

    Best regards,
    Rikard

    #1043204

    Hi,

    Can you tell me how?

    #1043591

    Hi,

    That would be a custom solution and would be out of scope of theme support unfortunately. If you need help along the way we are here to help though.

    Best regards,
    Rikard

    #1043756

    Alright.
    One final question: how can I set the Caption Overlay Background Color?
    I don’t see this option…

    Thanks!

    #1044145

    Hi,

    Thanks for the update, which element exactly are you looking to change the overlay on? Could you post a link to where we can inspect it please?

    Best regards,
    Rikard

    #1044851

    image

    This one, in which we placed the element with the images.

    #1045244

    Hi,

    Thanks for the screenshot. Please try the following in Quick CSS under Enfold->General Styling:

    .iconbox_content_title, .iconbox_content_container {
      background-color:#000;
    }

    Best regards,
    Rikard

    #1045309

    Thanks for the reply!
    However; this is not what I meant.
    I now get this (see screenshot)

    #1045588

    Hi,

    Thanks for the update, so what exactly are you looking to change? Please try to be as specific as possible.

    Best regards,
    Rikard

    #1045686

    Hi,

    This overlay in the Shop Demo:

    #1045840

    Hi,

    If you enable debug mode you can add this to a new page to see exactly how it was created: https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#debug-mode

    [av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='collections' av_uid='av-6ryzw0']
    
    [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_uid='av-6j6fa8']
    
    [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' av_uid='av-6cku1k']
    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_uid='av-68cnnc']
    
    [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' av_uid='av-5z9tg0']
    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_uid='av-5uqk4o']
    
    [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' av_uid='av-5nvd7k']
    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_uid='av-jynj4']
    
    [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' av_uid='av-5g4ers']
    FUNKY
    ACCECCOIRS
    [/av_image]
    
    [/av_cell_one_fourth][/av_layout_row]

    Best regards,
    Rikard

    #1045900

    Yes, I enabled the debug mode already.
    However; where do I have to place the overlay code?
    Here’s my code:

    [av_layout_row border='' min_height_percent='50' min_height='0' color='main_color' mobile='av-flex-cells' id='' av_element_hidden_in_editor='0' mobile_breaking='' av_uid='av-5b1sg']
    [av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='https://vos.repaircom.nl/wp-content/uploads/2018/12/reparatie.jpg' attachment='144' attachment_size='full' background_attachment='scroll' background_position='top left' background_repeat='stretch' link='' linktarget='' link_hover='' mobile_display='' av_uid='av-4gpl0']
    #1046143

    Hi,

    Thanks for the update, that should be done on the image. I told you that it was a background earlier in the thread, turns out I was wrong about that. Could you try to set the overlay on the image to see if that works please? The overlay can be set in the caption tab in the image options.

    Best regards,
    Rikard

    #1046812

    I managed to create it!
    Is there also a possibility to add a icon above the text in the image?
    When I add a icon, I can only set it above the image or below it.

    #1048071

    Hi,

    Since you have debug mode enabled, then you can try to paste the shortcode for the icon and place it where you like. Simply drag the icon to a new page, copy the shortcode and place it where you like. If you want it inline then try to paste it inside of a span element.

    Best regards,
    Rikard

    #1048201

    Alright, thanks for all the help!
    The topic can now be closed.

    Happy holidays!

    #1048266

    Hi KevinWijnbergen,

    Glad that we could help :)
    Feel free to create a new thread if you need further assistance.
    Happy Holidays and thanks for using Enfold!

    Best regards,
    Nikko

Viewing 30 posts - 1 through 30 (of 30 total)
  • The topic ‘Can't get the grid from Shop Demo the same dimensions’ is closed to new replies.