-
Search Results
-
HELP!
I don’t want t0 rebuild what is missing..[av_section min_height='custom' min_height_pc='25' min_height_px='300px' padding='default' custom_margin='0px' custom_margin_sync='true' color='main_color' background='bg_color' custom_bg='#f2f2f2' src='https://cdnbeefperforms.ca/wp-content/uploads/2024/03/frying-pans-bg-scaled-1030x687.jpg' attachment='25287' attachment_size='large' attach='scroll' position='center right' repeat='stretch' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.5' overlay_color='#000000' shadow='no-border-styling' bottom_border='no-border-styling']
[av_heading heading='Foodservice Resources' tag='h2' style='blockquote modern-quote' subheading_active='subheading_below' color='custom-color-heading' custom_font='#ffffff' padding='10' custom_class='white']
New resources provided by Canada Beef and the Canadian Beef Centre of Excellence.
[/av_heading]
[/av_section][av_section min_height_pc='25' min_height_px='500px' padding='default' custom_margin='0px' custom_margin_sync='true' color='main_color' background='bg_color' shadow='no-border-styling' bottom_border='no-border-styling']
[av_one_fourth first min_height='av-equal-height-column' vertical_alignment='av-align-top' margin='40px' margin_sync='true' padding='40px' padding_sync='true' background='bg_color' background_color='#f2f2f2']
[av_textblock]
<h4 style=”text-align: center;”>Appetizers and Soups</h4>
[/av_textblock]
[av_image src='https://cdnbeefperforms.ca/wp-content/uploads/2024/05/CDNB_Culinary_Planner_Appetizers_and_Soups_Interactive_F-pdf-796x1030.jpg' attachment='25496' attachment_size='large' align='center' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='fade-in']
[/av_image]
[av_button label='View Now' link='manually,https://cdnbeefperforms.ca/wp-content/uploads/2024/03/RS12961_Menu_Planner_Appetizers_and_Soups_Interactive_F_LowRes.pdf' link_target='_blank' size='large' position='center' color='black' custom_bg='#444444' custom_font='#ffffff']
[av_textblock]
Beef cuts, known for their rich and savory flavours, are the perfect addition to any soup or appetizer spread. From tenderloin to brisket, there are endless possibilities to create delicious bites that will leave your guests craving for more.
[/av_textblock]
[/av_one_fourth][av_one_fourth min_height='av-equal-height-column' vertical_alignment='av-align-top' margin='40px' margin_sync='true' padding='40px' padding_sync='true' background='bg_color' background_color='#f2f2f2']
[av_textblock]
<h4 style=”text-align: center;”>Beef Bowls</h4>
[/av_textblock]
[av_image src='https://cdnbeefperforms.ca/wp-content/uploads/2024/05/CDNB_Culinary_Planner_Beef_Bowls_Interactive_F-pdf-796x1030.jpg' attachment='25498' attachment_size='large' align='center' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='fade-in']
[/av_image]
[av_button label='View Now' link='manually,https://cdnbeefperforms.ca/wp-content/uploads/2024/05/10053_CB_Beef_Bowl_Menu_Planner_Ph5F_Digital.pdf' link_target='_blank' size='large' position='center' color='black' custom_bg='#444444' custom_font='#ffffff']
[av_textblock]
Beef bowl entrées are a popular choice among meat lovers and food enthusiasts. These hearty and satisfying dishes showcase the versatility and succulence of various beef cuts. Each cut adds its unique flavour and texture to the dish
[/av_textblock]
[/av_one_fourth][av_one_fourth min_height='av-equal-height-column' vertical_alignment='av-align-top' margin='40px' margin_sync='true' padding='40px' padding_sync='true' background='bg_color' background_color='#f2f2f2']
[av_textblock]
<h4 style=”text-align: center;”>Burgers</h4>
[/av_textblock]
[av_image src='https://cdnbeefperforms.ca/wp-content/uploads/2024/05/CDNB_Culinary_Planner_Burgers_Interactive_F-pdf-796x1030.jpg' attachment='25500' attachment_size='large' align='center' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='fade-in']
[/av_image]
[av_button label='View Now' link='manually,https://cdnbeefperforms.ca/wp-content/uploads/2024/05/RS12961_Menu_Planner_Burgers_Interactive_F_LowRes.pdf' link_target='_blank' size='large' position='center' color='black' custom_bg='#444444' custom_font='#ffffff']
[av_textblock]
Beef burgers are highly popular and versatile, ideal for quick service and diverse culinary styles. Easy to customize and profitable, they appeal to a broad customer base, fitting various dining settings from fast food to gourmet restaurants, ensuring consistent demand and customer satisfaction.
[/av_textblock]
[/av_one_fourth][av_one_fourth min_height='av-equal-height-column' vertical_alignment='av-align-top' margin='40px' margin_sync='true' padding='40px' padding_sync='true' background='bg_color' background_color='#f2f2f2']
[av_textblock]
<h4 style=”text-align: center;”>Sandwiches, Flatbreads and Wraps</h4>
[/av_textblock]
[av_image src='https://cdnbeefperforms.ca/wp-content/uploads/2024/05/CDNB_Culinary_Planner_Sandwiches_Flatbreads_and_Wraps_Interactive_F-pdf-796x1030.jpg' attachment='25502' attachment_size='large' align='center' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='fade-in']
[/av_image]
[av_button label='View Now' link='manually,https://cdnbeefperforms.ca/wp-content/uploads/2024/05/RS12961_Menu_Planner_Sandwiches_Flatbreads_and_Wraps_Interactive_F_LowRes.pdf' link_target='_blank' size='large' position='center' color='black' custom_bg='#444444' custom_font='#ffffff']
[av_textblock]
Sandwiches, flatbreads, and wraps are versatile dishes that can be made using various ingredients, and beef cuts are an excellent choice to add a hearty and satisfying flavour to these dishes.
[/av_textblock]
[/av_one_fourth][av_one_fourth first min_height='av-equal-height-column' vertical_alignment='av-align-top' margin='40px' margin_sync='true' padding='40px' padding_sync='true' background='bg_color' background_color='#f2f2f2']
[av_textblock]
<h4 style=”text-align: center;”>Entrées Salads</h4>
[/av_textblock]
[av_image src='https://cdnbeefperforms.ca/wp-content/uploads/2024/05/CDNB_Culinary_Planner_Entree_Salads_Interactive_F-pdf-796x1030.jpg' attachment='25505' attachment_size='large' align='center' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='fade-in']
[/av_image]
[av_button label='View Now' link='manually,https://cdnbeefperforms.ca/wp-content/uploads/2024/05/RS12961_Menu_Planner_Entree_Salads_Interactive_F_LowRes.pdf' link_target='_blank' size='large' position='center' color='black' custom_bg='#444444' custom_font='#ffffff']
[av_textblock]
Beef cuts in salads offer a hearty twist, bringing savoury slices of sirloin or flavourful strips of flank steak to vibrant greens and vegetables. Grilled to perfection, these cuts elevate salads, adding richness and a protein-packed punch to every bite.
[/av_textblock]
[/av_one_fourth][av_one_fourth min_height='av-equal-height-column' vertical_alignment='av-align-top' margin='40px' margin_sync='true' padding='40px' padding_sync='true' background='bg_color' background_color='#f2f2f2']
[av_textblock]
<h4 style=”text-align: center;”>Kids Menu</h4>
[/av_textblock]
[av_image src='https://cdnbeefperforms.ca/wp-content/uploads/2024/05/CDNB_Culinary_Planner_Kids_Menu_Interactive_F-pdf-796x1030.jpg' attachment='25507' attachment_size='large' align='center' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='fade-in']
[/av_image]
[av_button label='View Now' link='manually,https://cdnbeefperforms.ca/wp-content/uploads/2024/05/RS12961_Menu_Planner_Kids_Menu_Interactive_F_LowRes.pdf' link_target='_blank' size='large' position='center' color='black' custom_bg='#444444' custom_font='#ffffff']
[av_textblock]
A kids menu featuring beef cuts offers tasty and nutritious options that cater to young tastes. These meals aim to please young palates while delivering essential protein and nutrients for their growth.
[/av_textblock]
[/av_one_fourth][av_one_fourth min_height='av-equal-height-column' vertical_alignment='av-align-top' margin='40px' margin_sync='true' padding='40px' padding_sync='true' background='bg_color' background_color='#f2f2f2']
[av_textblock]
<h4 style=”text-align: center;”>Entrées</h4>
[/av_textblock]
[av_image src='https://cdnbeefperforms.ca/wp-content/uploads/2024/05/CDNB_Culinary_Planner_Entree_Classics_Interactive_F-pdf-796x1030.jpg' attachment='25509' attachment_size='large' align='center' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='fade-in']
[/av_image]
[av_button label='View Now' link='manually,https://cdnbeefperforms.ca/wp-content/uploads/2024/05/RS12961_Menu_Planner_Entree_Classics_Interactive_F_LowRes.pdf' link_target='_blank' size='large' position='center' color='black' custom_bg='#444444' custom_font='#ffffff']
[av_textblock]
Beef cuts can be utilized to create a variety of delicious entrée classics that are sure to satisfy any meat lover’s palate. The possibilities for creating delicious entrée classics are endless.
[/av_textblock]
[/av_one_fourth][av_one_fourth min_height='av-equal-height-column' vertical_alignment='av-align-top' margin='40px' margin_sync='true' padding='40px' padding_sync='true' background='bg_color' background_color='#f2f2f2']
[av_textblock]
<h4 style=”text-align: center;”>Senior Living</h4>
[/av_textblock]
[av_image src='https://cdnbeefperforms.ca/wp-content/uploads/2024/05/CDNB_Culinary_Planner_Senior_Living_Interactive_F-pdf-796x1030.jpg' attachment='25511' attachment_size='large' align='center' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='fade-in']
[/av_image]
[av_button label='View Now' link='manually,https://cdnbeefperforms.ca/wp-content/uploads/2024/05/RS12961_Menu_Planner_Senior_Living_Interactive_F_LowRes.pdf' link_target='_blank' size='large' position='center' color='black' custom_bg='#444444' custom_font='#ffffff']
[av_textblock]
Entrées for seniors using beef cuts offer a wide range of options that are both nutritious and appetizing. These entrees can provide the necessary nutrients for seniors while catering to their specific dietary needs and preferences.
[/av_textblock]
[/av_one_fourth][/av_section]
[av_section min_height='custom' min_height_pc='25' min_height_px='300px' padding='default' custom_margin='0px' custom_margin_sync='true' color='main_color' background='bg_color' custom_bg='#f2f2f2' src='https://cdnbeefperforms.ca/wp-content/uploads/2023/12/RS12752_RS11619_Tuscan-inspired-Grilled-Steak-1500x430.jpg' attachment='25111' attachment_size='featured' attach='scroll' position='center right' repeat='stretch' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.5' overlay_color='#000000' shadow='no-border-styling' bottom_border='no-border-styling']
[av_one_half first vertical_alignment='av-align-middle' space='3']
[av_heading heading='VIDEO' tag='h1' style='blockquote modern-quote modern-centered' subheading_active='subheading_below' color='custom-color-heading' custom_font='#ffffff' padding='10']
<div style=”font-size:24px;”>CANADA PRIME GRADE BEEF</div><div style=”font-size:24px;padding-top:10px;”>MASTER CHEF</div>
[/av_heading]
[/av_one_half][av_one_half]
[av_textblock]
<div style=”border:solid 5px #f5f7f7; padding: 56.25% 0 0 0; position: relative;”>
<iframe style=”position: absolute; top: 0; left: 0; width: 100%; height: 100%;” title=”Canada Prime Grade Beef – Master Chef” src=”https://player.vimeo.com/video/1074398616?badge=0&autopause=0&player_id=0&app_id=58479″ frameborder=”0″></iframe>
</div>
[/av_textblock]
[/av_one_half][/av_section]
[av_section padding='default' custom_margin='0px' custom_margin_sync='true' color='main_color' background='bg_color' custom_bg='#f2f2f2' shadow='no-border-styling' bottom_border='no-border-styling']
[av_two_fifth first margin='0px' margin_sync='true' padding='40px' padding_sync='true' background='bg_color' background_color='#f2f2f2']
[av_image src='https://cdnbeefperforms.ca/wp-content/uploads/2024/03/RS12896_9582_2024_CB_Foodservice_Merch_Poster_F-1-pdf-scaled.jpg' attachment='25327' attachment_size='full' align='center' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='fade-in']
[/av_image]
[av_button label='View PDF' link='manually,https://cdnbeefperforms.ca/wp-content/uploads/2024/03/RS12896_9582_2024_CB_Foodservice_Merch_Poster_F-1.pdf' link_target='_blank' size='large' position='center' color='black' custom_bg='#444444' custom_font='#ffffff']
[/av_two_fifth][av_three_fifth margin='0px' margin_sync='true' padding='40px' padding_sync='true' background='bg_color' background_color='#f2f2f2']
[av_textblock]
<h4 style=”text-align: center;”>Foodservice Beef Merchandising Guide Poster</h4>
[/av_textblock]
[av_textblock]
<p style=”text-align: center;”>Educate your front and back of house staff about the versatility of Canadian Beef with the new Foodservice Merchandising Poster, powered by the Canadian Beef Information Gateway. Users can scan QR codes to learn how to merchandise each foodservice-specific beef subprimal through videos, photographs, and more. Each subprimal also has product specifications to ensure informed purchasing, and commercial recipes to inspire your team to do more with Canadian Beef. Users can also access information about the Canadian Beef Advantage, including our gate-to-plate virtual tours, enabling further discussions about the unique qualities of Canadian Beef to customers.</p>
[/av_textblock]
[av_textblock]
[gravityform id=”39″ title=”true” description=”false” ajax=”true”]
[/av_textblock]
[/av_three_fifth][/av_section]
In reply to: Filter is’t working on mobile
In reply to: Transparent Header For Mobile
Hi Ismael,
Look good but the pages that have not transparent header the icon burger change color and the page tittle is below the header.
See the image attach.
Many thanks,BR,
Antonio.
In reply to: ALB is not working on all Facets
Hello Ismael,
Off-course I shall share a view screenshots of this problem, becuase I understand you have no clu what is going on.
Screenshot 1 is how it suppose to look like in normal conditions, you will see the blue ALB button:
Screenshot 2 is when you have activated the button and you see all options you can choose from:
Screenshot 3 is how the pages look like whit the problem: no ALB button is there:
Screenshot 4 is the Listings that I have made in the Enfold Child > Layout Editor > Advanced Options > Enable your custom post types for ALB:
(my site is in Dutch btw)
and I have used 2 seperate words for the accommodation that are not working (Safari is working) when I turn then from place there is no effect, Safari is still working and accommodation is not:
Screenshot 5 are the 2 Listings
Screenshoit 6 is the Listing settings to Display
Screenshoit 7 is the Listing settings to Query
In reply to: ALB is not working on all Facets
Hey safariinkenia,
Thank you for the inquiry.
Would you mind providing a screenshot of the issue or create a test page? You can use platforms like FreeImage, ImgBB, PostImages or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, ImgBB, PostImages or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
IsmaelIn reply to: Color section not showing color or image background.
Hi,
Thank you for opening another thread. We’ve replied to it here: https://kriesi.at/support/topic/section-background-image-set-but-css-outputs-background-image-unset/#post-1493746
Best regards,
IsmaelIn reply to: Text Align Justified
Hey kurson,
Thank you for the inquiry.
Looks like the text alignment is not set and is defaulting to justify. Try to add the following css code to align the headings to the left.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ #top #wrap_all .all_colors h1, #top #wrap_all .all_colors h2, #top #wrap_all .all_colors h3, #top #wrap_all .all_colors h4, #top #wrap_all .all_colors h5, #top #wrap_all .all_colors h6 { text-align: left; } }Let us know the result.
Best regards,
IsmaelIn reply to: Enfold Button Loses it’s formatting when modified
Hi,
Thank you for the screenshot.
The buttons seem to be displaying correctly now. Did you figure out the issue?
Best regards,
IsmaelIn reply to: Color section not showing color or image background.
Hello @ismael.
OK, thank you. I have started a new thread with provided details on specific page:
Thank you.
Vaclav
Hi,
I’m facing an issue with Enfold / Avia Layout Builder where a section background image is set in the editor, but no
background-image: url(...)is generated on the frontend.What I see
- In the Avia editor, the section clearly has a background image selected
- The image attachment exists, has metadata, and
wp_get_attachment_url()returns a valid URL _aviaLayoutBuilderCleanDatacontains the image data, e.g.:
src='https://example.com/wp-content/uploads/2022/02/example.jpg' attachment='3172' attach='parallax'What is generated
In both per-page CSS (dynamic_avia/avia_posts_css/post-XXXX.css) and merged CSS,
Enfold outputs:.avia-section.av-XXXX { background-image: unset; }The image URL does not appear anywhere in CSS or HTML.
Important detail
In the same builder data block, the section has:
background='bg_color'
even thoughsrc/attachmentare set.Question
Isbackground-image: unsetexpected behavior whenbackground='bg_color'is set, even if an image is assigned?If yes:
- what is the correct way to switch a section from
bg_colortoimagemode programmatically? - is there a supported way to make Enfold re-evaluate the background type based on existing
src/attachment, without manually re-editing each section?
Specific case, you can see on this page:
https://skotakconsulting.cz/fuze-spolecnosti/There is supposed to be a background image on the top section. Which is actually set in editor. You can see it here:
and here:
On that page, there is completely missing following section with parallax background image:
<div class="av-parallax enabled-parallax active-parallax" data-avia-parallax-ratio="0.3" style="top: auto; height: 827px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 185, 0, 1);"><div class="av-parallax-inner main_color avia-full-stretch"></div></div>Thanks for any clarification.
Vaclav
In reply to: Filter is’t working on mobile
I now have installed Mobile Flyout, made a button and this works!
But now I want to get rid of the filter that is Alway’s online on PC/Tablet on the left side.
What do I have to do to make that happen, so customers can use the new button from now on?
Hello,
I would like to add to my header two buttons “faire un don” et “newsletter” on the right side of it (exactly like in the example of the image in the attached file).
Is an easy way to do that ?
Thank you !
In reply to: problem with lightbox images
yes, that’s how I set the visibility, in the image element.
I can try with duplicating the section, thanks.In reply to: Main Content
Hi,
You could try something like this in Quick CSS:
.avia-accordion { max-height: 1200px; height: 1200px; }Note that it might stretch the images.
Best regards,
RikardIn reply to: problem with lightbox images
Hi,
Thank you for the inquiry.
Did you toggle the visibility of the image elements using Advanced > Responsive > Element Visibility settings? If you need to exclude the image from the lightbox, you may need to create a duplicate of the entire section — one for desktop and another for smaller screens.
Best regards,
IsmaelIn reply to: problem with lightbox images
how did you insert that image to your page? as image element – or inside a text-block element or via masonry gallery etc. pp.
why do i ask this : if you can separate these images to different sections – then they will not group together. And you can set the responsive visibility on the section.but if you have the images inside a common section then –
see: https://webers-testseite.de/munford-lightbox/sadly for that setting of some images are grouped – some are not ( the layout image is a lightbox image too) the solution of Mike does not work here
Don’t worry, the script only runs if groups are actually set on the page, otherwise the script will abort.
Topic: problem with lightbox images
hi
I have images on my site that open in a lightbox in some color sections.
I have a problem that an image that is set to show only on mobile is showing in the lightbox still on the PC when I scroll through the images.
You can see it on the page below in the section called Vårgæslingeblomsten – the botanical drawing opens twice – the second one is just for mobile.
Can you help me with this?
thanks
NancyIn reply to: Masonry falls apart
Thank you – but I recommend using the unscaled images
f.e.:
http://www.interior-collection.de/wp-content/uploads/2025/12/IMG_7870-1.jpg : 135kb
http://www.interior-collection.de/wp-content/uploads/2025/12/IMG_7870-1-529×705.jpg : 285kb (imgSize: masonry – 705×705)so better resolution but less file size.
background on that : search for : avf_jpeg_quality
e.g: https://kriesi.at/support/topic/enfold-creating-images-larger-than-the-orginal/#post-1488786In reply to: Masonry falls apart
One thing is that your images you use are not wide enogh to fill the column width.
you can test my suggestion on placing this to your quick css for that section on that page:
#top.postid-3536 #av_section_3 .av-masonry-image-container img { width: 100%; }or use the non scaled images ( original sizes ) : No Scaling (Original Width X Original Height)
In reply to: Yoast SEO FAQ block
Hi,
Thank you for the update.
Yes, you can enable the Content > Toggles > Use as FAQ Page (SEO improvement) option for the Accordion element to automatically add the FAQ Page schema. Please check this screenshot for reference.
Let us know if you need more info.
Best regards,
IsmaelHey Johannes,
Thank you for the inquiry.
You have to edit the cells with the background image, go to Advanced > Developer Settings, and apply the Custom CSS Class name “av-cell-with-image”. After that, add the following css in the Enfold > General Styling > Quick CSS field code to set a minimum height for the cell, which will also enlarge the image.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .responsive #top #wrap_all .av-flex-cells .av-cell-with-image { min-height: 300px; } }Please check this link for more info on adding custom css class names to builder elements.
— https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support
Best regards,
IsmaelIn reply to: Color section not showing color or image background.
Hi,
I’m facing an issue with Enfold / Avia Layout Builder where a section background image is set in the editor, but no
background-image: url(...)is generated on the frontend.What I see
- In the Avia editor, the section clearly has a background image selected
- The image attachment exists, has metadata, and
wp_get_attachment_url()returns a valid URL _aviaLayoutBuilderCleanDatacontains the image data, e.g.:
src='https://example.com/wp-content/uploads/2022/02/example.jpg' attachment='3172' attach='parallax'What is generated
In both per-page CSS (
dynamic_avia/avia_posts_css/post-XXXX.css) and merged CSS,
Enfold outputs:.avia-section.av-XXXX { background-image: unset; }The image URL does not appear anywhere in CSS or HTML.
Important detail
In the same builder data block, the section has:
background='bg_color'
even thoughsrc/attachmentare set.Question
Isbackground-image: unsetexpected behavior whenbackground='bg_color'is set, even if an image is assigned?If yes:
- what is the correct way to switch a section from
bg_colortoimagemode programmatically? - is there a supported way to make Enfold re-evaluate the background type based on existing
src/attachment, without manually re-editing each section?
Thanks for any clarification.
Vaclav
In reply to: portfolio grid styling
Hi,
Thank you for the inquiry.
The white background is from the image overlay — adding this css code should remove it.
.avia_transform a .image-overlay { background-color: transparent; }Best regards,
IsmaelIn reply to: portfolio grid styling
for the bar under the images try:
.avia_transform #top .avia-fullwidth-portfolio .grid-content, .avia_transform #top .avia-fullwidth-portfolio .grid-entry-title, .avia_transform #top .avia-fullwidth-portfolio .avia-arrow { background-color: var(--enfold-main-color-primary) !important; /* ==== or any color you like === */ } .avia_transform #top .avia-fullwidth-portfolio .grid-entry-title{ color: #FFF }In reply to: portfolio grid styling
if you only want to get rid of that white overlay – but show on hover the little round icon – try:
.avia_transform .avia-fullwidth-portfolio a .image-overlay { background-color: transparent !important; opacity: 1 !important; } .avia_transform .avia-fullwidth-portfolio a .image-overlay-inside { opacity: 0 !important; } .avia_transform .avia-fullwidth-portfolio a:hover .image-overlay-inside { opacity: 0.8 !important; }Topic: portfolio grid styling
I’m using the portfolio grid in a content section with dark background color. How do I remove the white squares behind the images and div grid content? I would like it to be transparent. Also when hovering the image a white square appears behind the rounded image. How do I remove this? The text in div grid content should be white. Also I would like tho add more spacing between the images.
Thank you!Thanks for your feedback.
Just to clarify — are you saying that if each product has one dropdown, and the images match the choices in that dropdown, then this will work (even if the number of images differs per variation)? But having two dropdowns (e.g., colour + size) won’t work with the current setup?
I agree that WooCommerce’s native variation handling is the better choice for image switching, but I’m concerned about losing the other layout elements we’ve built with Enfold’s Advanced Layout Builder. It feels like a real negative that Enfold doesn’t support WooCommerce variation images out of the box.
Do you know of any plugin or solution that would let me keep using Enfold’s builder and have a variation image gallery that works properly with WooCommerce variations? Something that bridges the gap between Enfold and variation images?
Thanks,
Hi,
Thank you for your patience, unfortunately you would not be able to have a hybrid approach. If you check the test page in the thread that you linked to, the images to not change when an option is selected. If you use the built-in native WooCommerce variation images instead, this should work, but you could not customize the rest of the product page.
If you only have one dropdown option, with the same number of images, like your “Column Radiators Raw Steel III Horizontal” then I have a working script, but it sounds like this won’t help you with all products, so you should try using the default native WooCommerce variation images instead.Best regards,
MikeIn reply to: No responsive gallery view
Hey ThorstenFB,
Thank you for the inquiry.
The gallery seems to be responsive when we checked it on smaller screens (see private field).
Would you mind providing a screenshot of the issue? You can use platforms like FreeImage, ImgBB, PostImages or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, ImgBB, PostImages or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
IsmaelIn reply to: WooCommerce Features not working
Hi,
Thank you for the update.
For the product page, try to add the solution provided in this thread: https://kriesi.at/support/topic/enfold-sidebar-on-single-product-pages/#post-1162484
And for the home page, make sure to adjust Layout > Sidebar Settings.
Let us know the result.
Best regards,
Ismael
