Forum Replies Created
-
AuthorPosts
-
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,
IsmaelFebruary 26, 2025 at 6:36 am in reply to: Responsive Font size change not working on mobile #1477980Hi,
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,
IsmaelFebruary 26, 2025 at 6:32 am in reply to: How to add social Media accounts BlueSky & Mastodon? #1477979Hey 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,
IsmaelHey 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,
IsmaelHey 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:
Best regards,
IsmaelHi,
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; }
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,
IsmaelHi,
Thank you for the update.
The mobile menu links under “Servizi” are accessible when we checked. Did you figure out the issue?
Best regards,
IsmaelHey 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,
IsmaelHi,
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,
IsmaelHey 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,
IsmaelFebruary 26, 2025 at 5:37 am in reply to: Update breaks wordpress function call in custom enfold elements #1477970Hi,
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,
IsmaelFebruary 26, 2025 at 5:35 am in reply to: WooCommerce Product Image Too Big on Mobile – Need Help #1477969Hi,
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,
IsmaelHi,
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,
IsmaelHey 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,
IsmaelHey 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,
IsmaelHey 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,
IsmaelHi,
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,
IsmaelFebruary 25, 2025 at 6:17 am in reply to: Attempt to read property “slug” on array portfolio/portfolio.php on line 1312 #1477852Hi,
We can’t reproduce the issue on our end. The sorting categories are returned as objects, not arrays.
Have you tried deactivating the plugins?
Best regards,
IsmaelHi,
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,
IsmaelFebruary 25, 2025 at 5:58 am in reply to: WooCommerce Product Image Too Big on Mobile – Need Help #1477849Hey 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,
IsmaelHi,
We’ll keep the thread open. Thank you for your understanding.
Best regards,
IsmaelHey 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,
IsmaelHi,
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,
IsmaelHi,
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,
IsmaelHi,
The Enfold > Theme Options > Lightbox Modal Window option was not enabled. The inline popup should be working correctly now.
Best regards,
IsmaelHey 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,
IsmaelHi,
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.
Best regards,
IsmaelHi,
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,
IsmaelHi,
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,
IsmaelHey 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 -
AuthorPosts