Forum Replies Created

Viewing 30 posts - 1,201 through 1,230 (of 66,062 total)
  • Author
    Posts
  • in reply to: Icon list spacing between lines #1477981

    Hi,

    You can use this css code to adjust the size of the icon in the list.

    .avia-icon-list .iconlist_icon {
        height: 64px;
        width: 64px;
        line-height: 64px;
        font-size: 20px;
        text-align: center;
        margin-right: 30px;
        margin-left: 2px;
    }

    Adjust the font-size value as you wish.

    Best regards,
    Ismael

    in reply to: Responsive Font size change not working on mobile #1477980

    Hi,

    Thank you for the info.

    We were not able to login because the credentials above are invalid. Please check the info carefully or provide another admin account.

    Best regards,
    Ismael

    in reply to: How to add social Media accounts BlueSky & Mastodon? #1477979

    Hey MarcusJeroch,

    Thank you for the inquiry.

    Yes, these icons are not yet available by default, but you can manually add them by following the instructions in this thread: https://kriesi.at/support/topic/tiktok-icon-social-media-buttons/#post-1394706

    Let us know if you need more info.

    Best regards,
    Ismael

    in reply to: Accordion slider overlay #1477977

    Hey MarcusJeroch,

    Thank you for the inquiry.

    You can add this css code to adjust the width of the overlay:

    #top .aviaccordion-preview {
        height: 100%;
        width: 50%;
    }

    Best regards,
    Ismael

    in reply to: Change menu active button #1477976

    Hey Maureen,

    Thank you for the inquiry.

    You can use this code in the Quick CSS field to apply the crown to the active menu item:

    #top #header_main > .container .main_menu .av-main-nav > li.current-menu-item:before {
        position: absolute;
        height: 31px;
        width: 32px;
        background: url(https://oranjevereniging-hoevelaken.nl/wp-content/uploads/2025/02/20250225-OranjeVerenigingHoevelaken-logo-kroontje.jpeg);
        content: "";
        top: 30px;
        left: 50%;
        background-size: 100% 100%;
        transform: translateX(-50%);
    }

    Result:

    View post on imgur.com

    Best regards,
    Ismael

    in reply to: Layout possible with Enfold? #1477975

    Hi,

    You may need pull the whole cell instead.

    .responsive #top #wrap_all .flex_cell.av-m7dbfxs0-8641a1a6d69afe4c2e8bb61389de1cc0 {
        top: -100px;
        position: relative;
        max-width: 50%;
        display: block;
        margin: 0 auto;
    }

    View post on imgur.com

    You may want to avoid applying 500px padding on both sides of the cell because it makes the container too narrow on large screens.

    Best regards,
    Ismael

    in reply to: Sub menu width with description #1477974

    Hi,

    Thank you for the update.

    The mobile menu links under “Servizi” are accessible when we checked. Did you figure out the issue?

    Best regards,
    Ismael

    in reply to: Style Mobile Mega Menu #1477973

    Hey ballindigital,

    Thank you for the inquiry.

    You can add this css code to adjust the color of the “All Dermal Fillers” menu item on mobile view:

    @media only screen and (max-width: 767px) {
    
      /* Add your Mobile Styles here */
      .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a[href="https://www.rosevel.ie/product-category/dermal-fillers/"] {
        color: black;
      }
    }

    Best regards,
    Ismael

    in reply to: Video in Color Section #1477972

    Hi,

    Thank you for the info.

    As suggest above, you have to use the Fullscreen slider in order to stretch the video. We edited the video slide in the test page and switch the Stil > Video Einstellungen > Anzeige des Videos settings to the second option. Please check the link in the private field.

    Best regards,
    Ismael

    in reply to: Import démo _ Error “Connection timed out” #1477971

    Hey Joseph_HILFIGER,

    Thank you for the update.

    This is a known issue with OVH servers. To import the demo, we manually uploaded the theme options in Enfold > Import/Export and imported the posts via Tools > Import. Unfortunately, the demo images were not included due to OVH server restrictions. You’ll need to edit the page and upload your images manually.

    Please make sure to purge the cache before checking.

    Best regards,
    Ismael

    Hi,

    Thank you for the update.

    Please clone the site to a staging environment, then provide the login details in the private field. We’d like to check the issue further.

    Best regards,
    Ismael

    in reply to: WooCommerce Product Image Too Big on Mobile – Need Help #1477969

    Hi,

    We’ve found some invalid CSS code in the Quick CSS field. Do you have a site backup? We’d like to correct the css, but we don’t want to risk breaking anything in the process.

    Please create a site backup or restore point, and then we’ll adjust the css modifications.

    Best regards,
    Ismael

    in reply to: Partner/Logo Element css issue #1477968

    Hi,

    It works correctly when we apply the modification directly in the browser. Did you clear the browser cache or try checking the site in incognito mode?

    Please provide the login details in the private field so we can check it.

    Best regards,
    Ismael

    in reply to: WPML translation – menu broken #1477967

    Hey Martina,

    Thank you for the inquiry.

    Did you translate the menus to other languages? Please check this documentation: https://wpml.org/documentation/getting-started-guide/translating-menus/

    Best regards,
    Ismael

    in reply to: Single image: fullwidth #1477966

    Hey MarcusJeroch,

    Thank you for the inquiry.

    You can apply the image as a background to a Color Section element. Would you mind providing a screenshot of the layout you’re trying to create?

    Best regards,
    Ismael

    in reply to: Portfolio items order #1477856

    Hey lara666,

    Thank you for the inquiry.

    This is not possible by default, but you can follow the instructions in this thread: https://kriesi.at/support/topic/masonry-not-displaying-cover-pictures/#post-1439624.

    The solution is for the Masonry element, but it should work the same way for the Portfolio Grid.

    Best regards,
    Ismael

    in reply to: Error importing the ‘Law’ demo in WordPress #1477855

    Hi,

    Thank you for the info.

    We imported the theme options and pages of the Law demo. Unfortunately, we were not able to include the images. You can simply edit the pages and upload your own images.

    Best regards,
    Ismael

    Hi,

    We can’t reproduce the issue on our end. The sorting categories are returned as objects, not arrays.

    View post on imgur.com

    Have you tried deactivating the plugins?

    Best regards,
    Ismael

    in reply to: Partner/Logo Element css issue #1477851

    Hi,

    That is the default responsive behavior of the logo slider.

    Did you add this css code?

    .avia-content-slider .slide-entry-wrap {
        width: 50%;
        margin-bottom: 40px !important;
        margin-left: 0% !important;
    }
    

    If you need to display all 6 items in a single line on mobile view, remove the css code above, then add this modification.

    @media only screen and (max-width: 767px) {
    
      /* Add your Mobile Styles here */
      .responsive #top #wrap_all .av-m7fed3ye-e22188c7085edf49c8bc53cd4bd6adde .flex_column.slide-entry {
        clear: none;
        width: 16%;
        float: left;
      }
    }

    Best regards,
    Ismael

    in reply to: WooCommerce Product Image Too Big on Mobile – Need Help #1477849

    Hey ballindigital,

    Thank you for the inquiry.

    You can add this css code to hide the product gallery thumbnails and adjust the height of the main product image:

    @media only screen and (max-width: 767px) {
    
      /* Add your Mobile Styles here */
      .single .product div.images div.thumbnails {
        display: none;
      }
    
      .single .product div.images img {
        width: auto;
        height: auto;
        max-height: 300px;
        margin: 0 auto;
      }
    }

    Best regards,
    Ismael

    in reply to: Content slider- form element button colour #1477847

    Hi,

    We’ll keep the thread open. Thank you for your understanding.

    Best regards,
    Ismael

    in reply to: X and Y axis labels #1477845

    Hey dp-beheer,

    Thank you for the inquiry.

    The chart dataset will automatically be included and displayed in the chart and there is also a tooltip that will display on hover. If you need to display more information about the chart, you can use the options in the Content > Chart Title, Subtitle, Position panel.

    Best regards,
    Ismael

    in reply to: Erweiterter Layout Editor bringt leere Seite #1477844

    Hi,

    You can use platforms like Savvyify, Imgur, or Dropbox to upload and share the screenshot. We tried logging in again but encountered this error:

    FEHLER: Falsch! – Bitte löse das Captcha richtig

    Please temporarily disable the captcha plugin and provide a direct link to the page with the issue.

    Best regards,
    Ismael

    in reply to: 8 images in asymetric view #1477843

    Hi,

    Thank you for the inquiry.

    You may need to manually create the html in a Text or Code Block, then add a few css modifications.

    Example:

    
    <div class="image-grid">
        <img src="image1.jpg" class="img img1" />
        <img src="image2.jpg" class="img img2" />
        <img src="image3.jpg" class="img img3" />
        <img src="image4.jpg" class="img img4" />
        <img src="image5.jpg" class="img img5" />
        <img src="image6.jpg" class="img img6" />
        <img src="image7.jpg" class="img img7" />
        <img src="image8.jpg" class="img img8" /></div>
    

    Styles:

    .image-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(4, auto);
        gap: 10px;
        width: 100%;
        max-width: 400px;
        margin: auto;
    }
    
    .img {
        width: 100%;
        border-radius: 50%;
        object-fit: cover;
    }
    
    /* Assign different sizes and irregular placements */
    .img1 { grid-column: span 1; grid-row: span 1; }
    .img2 { grid-column: span 2; grid-row: span 1; }
    .img3 { grid-column: span 1; grid-row: span 2; }
    .img4 { grid-column: span 2; grid-row: span 2; }
    .img5 { grid-column: span 1; grid-row: span 1; }
    .img6 { grid-column: span 2; grid-row: span 1; }
    .img7 { grid-column: span 1; grid-row: span 2; }
    .img8 { grid-column: span 1; grid-row: span 1; }
    
    @media (max-width: 600px) {
        .image-grid {
            grid-template-columns: repeat(2, 1fr);
        }
        .img2, .img4, .img6 { grid-column: span 1; }
    }
    

    Please check the links below for more info.

    // https://css-tricks.com/snippets/css/complete-guide-grid/
    // https://css-tricks.com/snippets/css/a-guide-to-flexbox/

    Best regards,
    Ismael

    in reply to: mfp-hide pop up #1477842

    Hi,

    The Enfold > Theme Options > Lightbox Modal Window option was not enabled. The inline popup should be working correctly now.

    Best regards,
    Ismael

    in reply to: Partner/Logo Element css issue #1477837

    Hey manchust,

    Thank you for the inquiry.

    If you want to display a different number of items, you may need to add another post slider specifically configured for mobile view, then toggle the elements’ visibility for different screen sizes in the Advanced > Responsive > Element Visibility settings. With this setup, you’ll have one post slider for desktop and another for mobile view.

    Best regards,
    Ismael

    in reply to: Content slider #1477833

    Hi,

    Thank you for the update.

    The modification above should not have affected the width of the post slider. Please make sure to copy the code directly from this forum, not from your email.

    The modification seems to be working correctly when we checked.

    View post on imgur.com

    Best regards,
    Ismael

    in reply to: Special block management #1477752

    Hi,

    Thank you for the update.

    If you want to limit the width of the grid layout, go to the Advanced > Developer Settings panel, apply the value “av-grid-constrain-width” in the Custom CSS Class field, and then add this css code:

    #top .av-grid-constrain-width {
        max-width: 70%;
        margin: 0 auto;
    }

    Adjust the max-width value as needed.

    Best regards,
    Ismael

    in reply to: Events Calendar Temlpate #1477751

    Hi,

    You might need to make a few modifications to make sure the event displays properly.

    This is why we don’t recommend using the default template. If you wish to continue using the default template, you can hire a freelance developer to assist with the customization.

    Best regards,
    Ismael

    in reply to: Change FontIcon on Archive Page #1477750

    Hey peter559,

    Thank you for the inquiry.

    Please provide the link to the blog page so we can check the blog layout. If you’re using the default layout, you can use this css code to replace the icon or image with a custom background image:

    .template-blog .blog-meta .post-author-format-type {
        background: url("bg-image-url.jpg");
    }
    
    .template-blog .blog-meta .post-author-format-type img {
        display: none;
    }
    

    Let us know the result.

    Best regards,
    Ismael

Viewing 30 posts - 1,201 through 1,230 (of 66,062 total)