Forum Replies Created
-
AuthorPosts
-
September 3, 2021 at 12:25 pm in reply to: Grid Row – Changing Side Border Width in 3 Column Row #1319631
Hi,
Thank you for your patience and the login and the link to your example, I added this to your Quick CSS to achieve the white border to your center cell, please clear your browser cache and check.#top.home #av-layout-grid-1 > .el_after_av_cell_one_third.el_before_av_cell_one_third { border-right: 10px solid #fff; border-left: 10px solid #fff; }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 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,
Mike -
AuthorPosts


