-
AuthorPosts
-
December 2, 2018 at 3:00 pm #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.
December 3, 2018 at 4:58 am #1040100Hey 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,
RikardDecember 3, 2018 at 10:29 am #1040203Hi Rikard,
All the cells have been set to 0 padding, but it just doesn’t work.
I posted the login credentials.December 3, 2018 at 3:08 pm #1040341Hi,
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,
RikardDecember 3, 2018 at 3:18 pm #1040347Hi 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).December 4, 2018 at 5:40 am #1040569Hi,
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,
RikardDecember 4, 2018 at 6:12 pm #1040832I see.
Thank you so much!Why are the images so blurry?
December 4, 2018 at 9:24 pm #1040959Hi 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,
NikkoDecember 6, 2018 at 6:06 pm #1041770That did the trick.
Thanks guys!December 7, 2018 at 6:17 am #1041932Hi,
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,
RikardDecember 7, 2018 at 1:59 pm #1042031One more question:
I want the section to be the same as here (check private content)How can this be done?
Thanks!
December 8, 2018 at 6:26 am #1042347Hi,
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,
RikardDecember 8, 2018 at 7:09 pm #1042523Is there a possibility to create this with Enfold Theme (if it isn’t 100% the same it’s also okay) ?
December 9, 2018 at 7:13 am #1042680December 10, 2018 at 5:45 pm #1043204Hi,
Can you tell me how?
December 11, 2018 at 7:38 am #1043591Hi,
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,
RikardDecember 11, 2018 at 2:02 pm #1043756Alright.
One final question: how can I set the Caption Overlay Background Color?
I don’t see this option…Thanks!
December 12, 2018 at 7:04 am #1044145Hi,
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,
RikardDecember 13, 2018 at 12:29 pm #1044851This one, in which we placed the element with the images.
December 14, 2018 at 1:54 pm #1045244Hi,
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,
RikardDecember 14, 2018 at 3:44 pm #1045309Thanks for the reply!
However; this is not what I meant.
I now get this (see screenshot)December 15, 2018 at 8:25 am #1045588Hi,
Thanks for the update, so what exactly are you looking to change? Please try to be as specific as possible.
Best regards,
RikardDecember 15, 2018 at 6:06 pm #1045686Hi,
This overlay in the Shop Demo:
December 16, 2018 at 9:01 am #1045840Hi,
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,
RikardDecember 16, 2018 at 2:44 pm #1045900Yes, 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']
December 17, 2018 at 5:02 am #1046143Hi,
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,
RikardDecember 18, 2018 at 12:10 pm #1046812I 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.December 21, 2018 at 7:17 am #1048071Hi,
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,
RikardDecember 21, 2018 at 3:21 pm #1048201Alright, thanks for all the help!
The topic can now be closed.Happy holidays!
December 21, 2018 at 6:47 pm #1048266Hi 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 -
AuthorPosts
- The topic ‘Can't get the grid from Shop Demo the same dimensions’ is closed to new replies.