Forum Replies Created
-
AuthorPosts
-
Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
If you are using a child theme you can override the masonry element with your own by copying the whole /masonry_entries/ directory to your child theme and modifying the masonry_entries.css
/enfold/config-templatebuilder/avia-shortcodes/masonry_entries/masonry_entries.css
by changing the padding on line 441
but this seems it would be a lot more work for you than simply adding the needed css to your custom stylesheet or the Quick CSS field.Best regards,
MikeHi,
Please try this css:#top.page-id-63 #av-sc-portfolio-1 { right: -18%; }Please see the screenshot in the Private Content area of the expected results.
Best regards,
MikeHi,
Sorry that this has impacted you, but this change was to correct an error that other users were reporting, I imagine in your situation you didn’t notice the error, but as you can see from the screenshot without the padding the element is left aligned.Best regards,
MikeHi,
Thanks for the screenshot, I’m not seeing that on my Mac with Safari v14.1.2, what version of Safari are you using? You are using a Mac desktop and not an iPad to see this error right?
I don’t think this is a caching issue, but I don’t know what it could be from, the key steps above was to:
1: enable the Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files option
2: go to Enfold Theme Options ▸ General Styling ▸ Quick CSS field and add a blank space so to allow you to save the theme options again (big blue button) – *this rebuilds the css files
3: then clear your Safari cache, and note step 4 where you should Clear the History
I note earlier you said the you are not seeing it in Chrome on your Mac, so I’m stumped also.
Please let us know what version Mac & Safari so we can compare. I’m asking our team to check on their machines to see if anyone a duplicate.Best regards,
MikeHi,
I see, so what would you like to do next?
For your original issue, we have solved will css, but as I understand you would like to be able to use this combination with different images elsewhere on your site, so I recommend adding custom classes to these elements and the snippets and saving the block as a Template so you can use it again in the future.

If you would like a hand with this please include an admin login in the Private Content area so we can adjust the custom classes and css to work together, on a test page and then you can save it as a template.Best regards,
MikeAugust 31, 2021 at 12:13 pm in reply to: Horizontal Gallery – have rotate back to first slide or remove arrows #1319101Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad we were able to help, please see below, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
The reason the button is not floating to the right is because the css you added has > instead of > typically this occurs when the code is copied from an email instead of the forum, please check this.

The image is reduced to fit the button size with the height and background-size specs in the rule, I didn’t realize you wanted the button so large. So with the large button the media queries need to be adjusted, please try this css instead of the above css:#mc_embed_signup #mc_embed_signup_scroll #mc-embedded-subscribe.button { background-image: url(https://darkeandtaylor-co-uk.stackstaging.com/wp-content/uploads/2021/08/SEND.png); background-repeat: no-repeat; background-color: transparent!important; color: transparent; background-position: 0px 0px; height: 75px; width: 190px; } @media only screen and (max-width: 767px) { #top.page-id-275 #mc_embed_signup_scroll > .clear { float: right; width: 56%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #top.page-id-275 #mc_embed_signup_scroll > .clear { float: right; width: 63%; } } @media only screen and (min-width: 1024px) and (max-width: 1439px) { #top.page-id-275 #mc_embed_signup_scroll > .clear { float: right; width: 46%; } } @media only screen and (min-width: 1440px) { #top.page-id-275 #mc_embed_signup_scroll > .clear { float: right; width: 31%; } }Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Please include an admin login in the Private Content area so we can take a closer look, but it looks like you have broken Advanced Layout Builder shortcode in a tab container, it may be an unclosed tag or a curly quote, it’s hard to tell from the outside.Best regards,
MikeHi,
Glad that this helped, please try this css instead:@media only screen and (max-width: 767px) { .responsive #top .container .av-content-small, .responsive #top #footer .flex_column, .responsive #top #footer .av-flex-cells .no_margin, .responsive #top #liefergebiete .flex_column, .responsive #top #liefergebiete .av-flex-cells .no_margin, .responsive #top #kontakt .flex_column, .responsive #top #kontakt .av-flex-cells .no_margin, .responsive #top #speisekarte .flex_column, .responsive #top #speisekarte .av-flex-cells .no_margin { margin: 0; margin-bottom: 20px; width: 100%; } }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad to hear this helped you move your project forward, thank you for using Enfold.Best regards,
MikeHey Jad,
Thank you for the link to your site but the login doesn’t work. I assume that you followed these steps: How to add Custom Social Icons to Enfold options
But looking at your code snippet above I see that you didn’t specify the font, you used the word “font” instead of “entypo-fontello”
also please note if you are not using a child theme you need to add the code to the enfold/functions.php at around line 47 afterif( isset( $avia_config['use_child_theme_functions_only'] ) ) { return; }but I see that you are using a child theme so perhaps you have a curly quote in your code?
This is the code I used which worked for me:// Register new icon as a theme icon function avia_add_custom_icon($icons) { $icons['amazon'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue924'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); // Add new icon as an option for social icons function avia_add_custom_social_icon($icons) { $icons['Amazon'] = 'amazon'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);the social profile was added at Enfold Theme Options ▸ Social Profiles ▸ Your social profiles at the bottom of the list

and on the frontend it shows like this

Don’t forget the Amazon orange mouse-over css:#top #wrap_all .av-social-link-amazon:hover a{ color:#fff; background-color:#FF9900; }Best regards,
MikeAugust 29, 2021 at 10:53 pm in reply to: Stabilizing the height of the content slider regardless of content #1318861Hey sldeutsch,
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:@media only screen and (max-width: 767px) { #top.page-id-2794 .avia-content-slider .slide-entry-excerpt { min-height: 320px; } #top.page-id-2878 .avia-content-slider .slide-entry-excerpt { min-height: 245px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #top.page-id-2794 .avia-content-slider .slide-entry-excerpt { min-height: 200px; } #top.page-id-2878 .avia-content-slider .slide-entry-excerpt { min-height: 130px; } } @media only screen and (min-width: 1024px) { #top.page-id-2794 .avia-content-slider .slide-entry-excerpt { min-height: 180px; } #top.page-id-2878 .avia-content-slider .slide-entry-excerpt { min-height: 105px; } }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeAugust 29, 2021 at 10:17 pm in reply to: How do I remove a double drop-down menu indicator in a widget? #1318857Hey sldeutsch,
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:#top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select { background-image: none!important; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey Peter,
Thank you for your patience and the link to your site, this solution should work for you, I tested it by trying to match your layout.
First go to WordPress ▸ Appearance ▸ Theme Editor and choose the Enfold fileconfig-templatebuilder/avia-shortcodes/postslider/postslider.php
search for the line:$meta .= "<time class='slide-meta-time updated' $markup>" . get_the_time( get_option( 'date_format' ), $the_id ) . '</time>';around line 916
then add this below:$author = get_the_author_meta( 'display_name', $entry->post_author ); $meta .= "<span class='slide-meta-author updated'>" . $author."</span>";it should look like this:

if you still have trouble please include an admin login in the Private Content area so we can try to help.Best regards,
MikeHi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey Fberguno,
Thank you for your patience and the link to your site, I see that in the wine section of your catalog element the price title is quite long due to COPA & BOTELLA text with the price, my recommendation is to drop the price down to the next line so the price title and item title don’t overlap. Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:@media only screen and (max-width: 1440px) { #av_section_4 .av-catalogue-container .av-catalogue-price { position: relative; } }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey Amnon Nissan,
Thank you for your patience, the hovan.com, site doesn’t look like a WordPress site it looks like it was created with sitecms.co
I see that your “broken” site is Enfold Version: 4.8.6.2
If the hovan.com site was Enfold v1.9.1 then it would not work with WordPress v5+ nor PHP 7+
So you would need to update and it should be updateable as out Dev Team has maintained backward compatibility on the most part, I’m not sure about v1.9.1 but I have seen a v3 site update and work.
But I don’t believe this site is an Enfold or WordPress site, I hope this helps.Best regards,
MikeHey Maureen or Shari,
Thank you for your patience as I understand your question you have some tracking code that you only want to add to the header of certain pages, in that case try adding this code to the end of your functions.php file in Appearance ▸ Editor:function add_select_page_tracking(){ if(is_page(array(42, 21, 85))) { ?> //Put Your Tracking Code Here <?php } } add_action('wp_head', 'add_select_page_tracking');you will need to replace
//Put Your Tracking Code Herewith your code and replace the array numbers with your page IDs.
If you want the code to load in your footer then changewp_headtowp_footerBest regards,
MikeHey ms-45,
Thank you for your patience and the link to your site, I found that for some reason on this page the main content div #wrap_all is closing early so the #footer is not inside of it, so this css target won’t work:
.responsive #top #wrap_all .flex_column
which is what tells the columns to be 100% width at mobile.
I note that your pages /impressum/ & /datenschutz/ or your shopping pages do not have this problem, so it’s only your homepage.
I believe this could be a plugin conflict but you have many plugins, you could disable your plugins one at a time clearing your browser cache between each one until you find the conflict, or you could try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:@media only screen and (max-width: 767px) { .responsive #top .container .av-content-small, .responsive #top #footer .flex_column, .responsive #top #footer .av-flex-cells .no_margin { margin: 0; margin-bottom: 20px; width: 100%; } }in my test this solves and should not cause any issues in the future, after applying the css, please clear your browser cache and check.
Best regards,
Mike -
AuthorPosts


