Forum Replies Created
-
AuthorPosts
-
September 16, 2024 at 5:06 am in reply to: image with overlapping content field with title, text and button #1467047
Hi,
Thank you for the update.
Add three 1/3 columns in a row. In each column, place an Image element and a Text Block, one below the other. Then, edit each Text Block, navigate to Advanced > Developer Settings, and in the Custom CSS Class field, add the class name av-overlap-text-block. After that, add the following css code to pull the text block upwards and make it overlap the image.
.av-overlap-text-block { margin-top: -100px; }
Best regards,
IsmaelHi,
Thank you for the screenshots.
Please add this css code to adjust the fullwidth breakpoint of the Grid Row cells:
@media only screen and (max-width: 1024px) { .responsive #top #wrap_all .av-flex-cells .no_margin { display: block; margin: 0; height: auto !important; overflow: hidden; padding-left: 8% !important; padding-right: 8% !important; } .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin { margin: 0; margin-bottom: 20px; width: 100%; } }
Best regards,
IsmaelHi,
Thank you for the update.
Did you add this css code?
.avia-icongrid .av-icon-cell-item .avia-icongrid-wrapper { position: relative; display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
Please remove the modification, then toggle or temporarily disable the Enfold > Performance > File Compression settings, or add this css code to override it:
.avia-icongrid .av-icon-cell-item .avia-icongrid-wrapper { position: initial; }
Best regards,
IsmaelHi,
This is what we get when we visit the site: (see private field)
Best regards,
IsmaelHi,
Thank you for the info.
We removed this text from one of the custom snippets. (see private field)
Add this to the <body> section:
Best regards,
IsmaelHi,
Try to include this css code to underline every links in the main container:
#top .entry-content-wrapper a:where(:not(.wp-element-button, .avia_iconbox_title, .avia-button)) { text-decoration: underline; }
Best regards,
IsmaelHi,
Thank you for the update.
We still can’t reproduce the issue on our end (see private field). We tested it in both incognito and normal modes. Have you tried checking on a different network or device? Please let us know if the issue persists once the site is live.
Best regards,
IsmaelSeptember 13, 2024 at 4:33 am in reply to: Woocommerce product page template using block editor #1466866Hi,
Thank you for the update.
You can use this css code to adjust the width of the product image container.
.single-product-main-image { width: 60%; margin-right: 50px; padding-bottom: 50px; }
To hide the sidebar, include this css:
#top #main .single-product-main-image .sidebar { display: none !important; }
And to include the breadcrumbs, please set the Enfold > Header > Header Layout > Header Title and Breadcrumbs settings to the first option.
Best regards,
IsmaelHi,
Thank you for the info.
We edited the functions.php file and adjusted the filter a bit. The comments number is now displaying beside the title. You can add a bit of css to adjust the style of the counter.
function avf_append_comments_to_masonry_title( $the_title, $entry, $atts ) { $comments_number = get_comments_number( $entry['ID'] ); if ( $comments_number > 0 ) { $the_title .= ' <span class="av-masonry-comment-count">(' . $comments_number . ' comments)</span>'; } return $the_title; } add_filter( 'avf_masonry_entry_title', 'avf_append_comments_to_masonry_title', 10, 3 );
Best regards,
IsmaelHey fanlokbun,
Thank you for the inquiry.
To apply the same shadow to the masonry items, please add this css code:
.av-masonry-entry .av-inner-masonry { box-shadow: 2px 2px 0 0; }
Best regards,
IsmaelSeptember 13, 2024 at 4:02 am in reply to: Portfolio Grid – Display Categories Beside the Grid #1466863Hi,
Thank you for the update.
You can start with this css code:
#top .entry-content-wrapper .av-portfolio-grid-sorting-container .sort_width_container:first-child { width: 25%; float: left; margin: 0; clear: none; margin-right: 5%; } #top .entry-content-wrapper .av-portfolio-grid-sorting-container .grid-sort-container { width: 70%; float: left; margin: 0; clear: none; } #top .entry-content-wrapper .av-portfolio-grid-sorting-container .sort_width_container:first-child a { display: block; float: none; } #top .entry-content-wrapper .av-portfolio-grid-sorting-container .sort_width_container:first-child .text-sep { display: none; }
Best regards,
IsmaelHey cuccarini,
Thank you for the inquiry.
You can use the following css code to specifically target the buttons in the privacy consent container:
#top .main_color .avia-cookie-consent-modal-buttons-wrap .avia-color-theme-color-highlight { color: limegreen; background: darkolivegreen; border-color: mediumseagreen; }
Best regards,
IsmaelSeptember 13, 2024 at 3:40 am in reply to: Burger menu without function/after three clicks without function #1466860Hey ThiloKiefer,
Thank you for the inquiry.
The mobile menu seems to be functioning correctly on our end. However, we noticed that the menu items under “Digitale Kommunikation” either contain only “#” or have no links. Could you provide more details on how we can reproduce the issue?
Best regards,
IsmaelSeptember 12, 2024 at 4:56 am in reply to: Theme Enfold not compatible with updated PHP Siteground #1466781Hey Bette Verdick,
Thank you for the inquiry.
What version of PHP is installed on your server, and what specific errors are you encountering? The theme should be compatible with the latest version of PHP. Please provide more info about the errors so that we can investigate them.
Best regards,
IsmaelHi,
Thank you for the update.
We may need to access the dashboard and check the settings. Please provide the login details in the private field.
Best regards,
IsmaelHey jaldesign,
Thank you for the inquiry.
Are you trying to create something like this https://kriesi.at/documentation/enfold/one-page-menu-demo/? You can use the color section and apply the anchor target or ID in the Advanced > Developer Settings > Custom ID Attribute field.
Best regards,
IsmaelHi,
Great! Please let us know if you have more questions about the theme.
Have a nice day.
Best regards,
IsmaelHi,
Thank you for the update.
thanks for your answer. but I don’t quite understand the button yet
The first button allows the users to add the products directly to the cart, while the second button should redirect to the actual product page with all the details and information.
Best regards,
IsmaelHey David Zarotsky,
Looks like both sites are using a very old version of the theme. Please download the latest version (6.0.3) of the theme from your ThemeForest account, and then try to update the files manually via FTP. Check the documentation below for more info.
// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
Best regards,
IsmaelHey David Zarotsky,
Thank you for the inquiry.
Looks like both sites are using a very old version of the theme. Please download the latest version (6.0.3) of the theme from your ThemeForest account, and then try to update the files manually via FTP. Check the documentation below for more info.
// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
Best regards,
IsmaelHey reesm2,
Thank you for the inquiry.
The images on the site loaded correctly when we checked, and we didn’t see any errors in the Network tab of the browser inspector. Is this still an issue with the site? Please let us know once the site is live.
Best regards,
IsmaelSeptember 12, 2024 at 4:36 am in reply to: Tables: Text color on alternating rows using tabular data style #1466773Hey William,
Thank you for the inquiry.
We still can’t access the site, but you can start with this css code to adjust the colors of the table cells:
.main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra { background: burlywood; color: cornsilk; } .main_color table caption, .main_color tr:nth-child(even), .main_color .pricing-table>li:nth-child(even), #top .main_color .avia-data-table.avia_pricing_minimal td { color: salmon; background: bisque; }
Best regards,
IsmaelHi,
Thank you for the info.
Could you point us to the actual site folder or directory on the server? There are many folders and other websites on the server, and we are not sure which one to check.
Best regards,
IsmaelSeptember 12, 2024 at 4:26 am in reply to: Woocommerce product page template using block editor #1466770Hey Empatica,
Thank you for the inquiry.
We recommend using the default editor when creating products, as this will ensure that all product features function properly. Switching to the Advanced Layout Builder may limit the functionality of the product page, and as you have noticed, some product elements are not available in the builder. Please continue using the default editor for creating products. What customizations are you trying to add to the product page?
Best regards,
IsmaelHi,
Thank you for the info @Guenni007.
Another way to prevent the editor from discarding or formatting the content is to apply attributes to the html elements, such as class names or IDs. For example:
<br class="av-permanent-br"> <p class="av-permanent-p"></p>
The editor should not remove these elements, even if they are deemed unnecessary.
Best regards,
IsmaelHi,
With the settings at Enfold -> General styling -> Typography nothing changes.
You may need to temporarily disable the Enfold > Performance > File Compression settings and ensure you purge the cache before checking for any changes. You can further adjust the style of specific elements in the Enfold > Advanced Styling panel.
Best regards,
IsmaelHi,
Have you tried using the theme’s Advance Layout Builder instead of Elementor? Also, if you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
IsmaelHey Omar Skapti,
Thank you for the inquiry.
The query above simply retrieves specific posts from a taxonomy. We’re not sure why it would directly cause the error. Could you please provide the specifications of your server? Also, try to contact your hosting provider and ask them to check the disk space, clean up unnecessary files, or increase the available space.
Best regards,
IsmaelHi,
We are not familiar with MirrorWeb, and unfortunately, we cannot provide you with the zip file—only the location of the font files in the theme directory, as mentioned above.
Best regards,
IsmaelHey fabio,
Thank you for the inquiry.
The cells or columns should automatically switch to a single column in mobile view. If you need the same layout on tablet views, please add this css code:
@media only screen and (max-width: 1024px) { .responsive #top #wrap_all .av-flex-cells .no_margin { display: block; margin: 0; height: auto !important; overflow: hidden; padding-left: 8% !important; padding-right: 8% !important; } .responsive #top #wrap_all .av-flex-cells .no_margin, .responsive #top #wrap_all .flex_column, .responsive #top .container .av-content-small { margin: 0; margin-bottom: 20px; width: 100%; } .responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding { padding-left: 0 !important; padding-right: 0 !important; } }
Best regards,
Ismael -
AuthorPosts