Viewing 30 results - 241 through 270 (of 106,281 total)
  • Author
    Search Results
  • #1493692

    In 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-1488786

    #1493687

    In 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)

    #1493679

    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.

    fOeTNyB.md.png

    Let us know if you need more info.

    Best regards,
    Ismael

    #1493678

    Hey 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,
    Ismael

    #1493655

    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
    • _aviaLayoutBuilderCleanData contains 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 though src / attachment are set.

    Question
    Is background-image: unset expected behavior when background='bg_color' is set, even if an image is assigned?

    If yes:

    • what is the correct way to switch a section from bg_color to image mode 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

    #1493652

    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,
    Ismael

    #1493644

    In 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
    }
    #1493642

    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;
    }
    #1493639

    Topic: portfolio grid styling

    in forum Enfold
    spitsdesign
    Participant

    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,
    Mike

    #1493625

    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,
    Ismael

    #1493623

    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.

    fh4cBKF.md.png

    Let us know the result.

    Best regards,
    Ismael

    Hey blaircomm1,

    Thank you for the inquiry.

    Try adding this css code to move the social icons to the very bottom of the left sidebar/header.

    .html_header_sidebar #header .container .inner-container {
        height: 100vh;
    }
    
    .html_header_sidebar #header .av-sidebar-social-container {
        position: absolute;
        clear: both;
        overflow: hidden;
        bottom: 34px;
    }

    fh4n21V.md.png

    Best regards,
    Ismael

    Hi,

    I’ve revised the test page for the Liberty radiator — the dropdowns now correctly match the finish and the corresponding image in the slider.

    Some product pages will include both colour and size variants and will therefore require three dropdowns. Other pages will only have a size variant and will just need a single dropdown.

    If this setup isn’t possible, is there a way to use the native WooCommerce variation images instead of the Enfold slider, while still keeping the other content elements on the page — effectively a hybrid approach?

    I came across this support topic, which suggests it may be possible:

    Enfold / WooCommerce product variations

    I can provide guest login access to the dev site if required.

    Please advise.

    Thanks

    Hi,

    Thanks for the update. I’ve imported the content for the top level pages for you, please review your site. Please note that the theme settings and images are not included. Let us know if you should need anything more from the demo.

    Best regards,
    Rikard

    Hi,
    Thanks for the demos, I have a working script for the first product “Column Radiators Raw Steel III Horizontal” that contains only one dropdown options box. But your second page that has two dropdowns for color & size is not working because you don’t have enough  images for each possibility, your only image are for “Brushed Bronze” and none for “Polished Stainless Steel”.
    I’m not sure if this will work as the script may work better with one dropdown option per page. Can you have a different  page for each? The slides only have the classes “slide-3”, etc not the variation that you may achive using the WooCommerce variation images built into WooCommerce instead of using the Enfold slider that is not built for this.

    Best regards,
    Mike

    Hi,

    I have set up 2 x test pages in Private.

    Can you set the test?

    Extra images for gallery that are not sizes or colours eg. lifestyle images – if I wanted extra images in the gallery would this be possible, or would these need to be added as a separate gallery? If so, where would you suggest for best USX?

    Thanks

    #1493562

    In reply to: Main Content

    Hi,

    You can upload images to a service like Dropbox, Google Drive, Imgur or Snipboard to name a few. You can then link to the image in your reply.

    Best regards,
    Rikard

    #1493558
    thomasb328
    Participant

    Hi, Enfold theme, GYM demo, about page, our team, Sandra… When I replace the image with my own, it always appears blurry in stretch-to-fit and scale-to-fit modes, even though the resolution is very good. If I insert the image without stretching and scaling, it appears much too small. What can I do? Best regards, Thomas

    #1493530

    may i ask you what is behind your “avia_gallery_image_order” – because this seems to be your custom function name – and not the filter that is used by enfold. So could you give more info about that function?

    #1493490

    Sorry but that isn’t the issue. I can’t edit any slides. The slide editor won’t open. Also, I would prefer that image not be public.

    • This reply was modified 1 month, 4 weeks ago by beverlystone.
    #1493488

    Hey beverlystone,
    Thanks for your patience, when I check your English site the LayerSlider links seem to for for me:
    fGhIhox.md.png

    Best regards,
    Mike

    although you have the grid the different “images” are placed in a slide-loop and the slides are numbered – starting at number 1 from left to right – to to bottom : slide-loop-1, slide-loop-2, slide-loop-3 etc.

    so you can address the “image” via that class – why i do note it as “image” these are background-images – no img tag here !
    So a padding will not bring you to your wanted result.

    but try f.e.:

    #top .avia-logo-grid .slide-entry-wrap .slide-loop-6 .av-partner-fake-img {
      background-size: 80% !important;
      background-position: center;
      background-color: inherit;
    }

    if you want it for only that element – give a custom ID or class to the partner-logo element.
    e.g. with my-custom-class

    #top .avia-logo-grid.my-custom-class .slide-entry-wrap .slide-loop-6 .av-partner-fake-img {
      background-size: 50% !important;
      background-position: center;
      background-color: inherit;
    }

    if you use a jpg for that slide – change the background-color to the background of that jpg.

    Hi Mike,

    Just to clarify — if one product has X variants with matching images, and another product has a different set of X variants with matching images, will that work?

    For example:

    Every product page will have different size variants with matching images.

    Some product pages will have both colour and size variants.

    If a product has both size and colour variants, will that work correctly as well?

    Please confirm, and I’ll send over a test.

    Thanks,
    Marcus

    is it caused by board soft that there is a usage of an entity in your link notation?
    (because you are not using the code tag to post that, i can not say if it is the reason for it.)

    the quotes you set are all straight double quotes :

    <link rel="icon" type="image/x-icon" href="https://mysite.com/favicon.ico">
    <link rel="shortcut icon" type="image/x-icon" href="https://mysite.com/favicon.ico">
    

    and try both entries via wp_head

    Hey jodys1976,

    Thank you for the inquiry.

    We can see the favicon correctly when we checked and according to these sites, the site contains a favicon.

    https://realfavicongenerator.net/favicon-checker
    https://practicalprogrammatic.com/tools/favicon-checker

    fEkSXRt.png

    Best regards,
    Ismael

    Hi,
    As I recommend, as long as each product has the same number of images as variations in the same order, the script I have in mind should work, but we wont know until we test it. A plugin is another option, but note that all third party woo plugins don’t play nice (work) with Enfold.

    Best regards,
    Mike

    each product will have different variations and number of images.

    Does that make it not possible?

    Thanks

    Hi,
    I would expect the script to work on mobile also, but we will be testing on desktop to start.
    The size of the images should not matter, but each product needs to have the same number of images as the variations.

    Best regards,
    Mike

Viewing 30 results - 241 through 270 (of 106,281 total)