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

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

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

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

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,

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

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

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

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

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

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

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

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

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

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