Forum Replies Created
-
AuthorPosts
-
Hi,
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,
Thank you for your patience please try this css to correct some of the fields breaking down a line:#top #mongo-form input[type="text"], #top #mongo-form input[type="tel"], #top #mongo-form input[type="password"], #top #mongo-form select { display: inline; } #top #mongo-form #DC_ValidOther { min-width: 100%; } #top #mongo-form #DCCreditSecurityCode label { display: inline; width: 160px; margin: 0; } #top #mongo-form #bboxdonation_comment_txtComments { margin-left: 161px; }After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area of the expected results.Best regards,
MikeHey condonpb,
Thanks for the FTP access, but I couldn’t login to WP with the admin login, nonetheless I tested your function on my demo site and regenerated my thumbnails and it worked correctlyadd_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 ); function enfold_customization_modify_thumb_size( $size ) { $size['entry_with_sidebar'] = array('width'=>845, 'height'=>580); $size['portfolio'] = array('width'=>845, 'height'=>580); return $size; }Perhaps this code near the top of your child theme functions.php is causing a conflict:
$avia_config[ 'imgSize' ][ 'featured' ] = array( 'width' => 1500, 'height' => 555 ); // images for fullsize pages and fullsize slider
try removing this and adding it to your enfold_customization_modify_thumb_size function like this:add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 ); function enfold_customization_modify_thumb_size( $size ) { $size['entry_with_sidebar'] = array('width'=>845, 'height'=>580); $size['portfolio'] = array('width'=>845, 'height'=>580); $size['featured'] = array( 'width' => 1500, 'height' => 555 ); return $size; }and regenerated your thumbnails again, 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,
MikeHey sethriley,
Thank you for the login, unfortunately, version 4.6.3.1 (Nov 22, 2019) had an update bug that was later fixed in 4.6.4-beta-1
So to update your version of Enfold you will need to download the latest version (v4.9) from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.
Best regards,
MikeFebruary 26, 2022 at 10:38 pm in reply to: Add drop shadow to caption full width image slider #1342428Hey Berebeeld,
Please try this code in the General Styling ▸ Quick CSS fieldh1.avia-caption-title { text-shadow: 2px 2px #000 !important; }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,
MikeHey VirtuHouse,
This can be done with Keyframe Animations this article is pretty good but if you search Google I’m sure you will find more examples. In the example below I created a page with two text blocks, one has left text alignment and the other right, in the custom classes for each element I used either text-box-left or text-box-right

then I used this css:@keyframes slide-in-left { from { transform: translateX(-100%); } to { transform: translateX(0%); } } @keyframes slide-in-right { from { transform: translateX(100%); } to { transform: translateX(0%); } } .text-box-right { animation: slide-in-right 1000ms; } .text-box-left { animation: slide-in-left 1000ms; }and now on page load the text slides in

this basic example can be applied to other elements, or you can search for more advanced examples, but this should help you get started.Best regards,
MikeHey tauqer30,
Thank you for the screenshot, I was able to find your site and found that your custom menu item li doesn’t include the classmenu-item
please include this class and it won’t show on mobile. Your code snippet above didn’t post correctly so I can’t advise on how to adjust it, if you need further help please include an admin login in the Private Content area.Best regards,
MikeFebruary 26, 2022 at 9:11 pm in reply to: Nach oben Button integrieren und leere Felder in Mobiler Version entfernen? #1342419Hey UFreeman,
1. Question: In the mobile version of my site, empty fields appear above the paragraphs. I know the fields are the layout elements that I use to break up the page and then populate it with content — on the web version it looks as intended, on the mobile version you can see it as an empty field above the content. How do I stop this display in the mobile version?
I believe that you want to hide three empty white boxes on your page for mobile, please see the screenshot in the Private Content area. These seem to be custom div’s in text block elements and all have the same ID so adding this css to your Quick CSS in the theme option will hide them all on mobile:
@media only screen and (max-width: 767px) { #simple-translate { display: none; } }After applying the css, please clear your browser cache and check.
2. I want to include an up button that appears in the bottom right corner as you start scrolling down and brings you back to the top (like here in the forum, default). All earlier questions about this here send you to a place in the theme options that doesn’t exist for me or that maybe have a completely different name.
To show the “scroll to the top” button on mobile add this css to your Quick CSS in the theme option
@media only screen and (max-width: 767px) { .responsive #top #scroll-top-link { display: block; } }again after applying the css, please clear your browser cache and check.
Best regards,
MikeHey Akhurst,
Thanks for your link and screenshot, unfortunately, you can not do that directly, you could “fake” a category page by adding a product slider to a page and only show one category in it, but it would not be linked to from product page category links.
I assume that the reason you want to do this is because you would like to show the special-headings and textblock above the product grid like on your /edgebanders/ page.
This can be done with a custom shortcode in your functions.php for each category page.
For example I copied your special-headings and textblocks html, but you could also use the element shortcodes, and added to my child theme functions.php like this:function category_description_sc( ){ return do_shortcode('<div class="av-special-heading av-l01jfpk8-6ff7d45e06a3edb0c8feca9bc3993089 av-special-heading-h2 meta-heading avia-builder-el-1 el_before_av_hr avia-builder-el-first "><h2 class="av-special-heading-tag" itemprop="headline">Edgebanders</h2><div class="special-heading-border"><div class="special-heading-inner-border"></div></div></div> <div class="hr av-l01jfxa9-f6ed7abf8e08223ca4bfa21708dacb34 hr-invisible avia-builder-el-2 el_after_av_heading el_before_av_textblock "><span class="hr-inner "><span class="hr-inner-style"></span></span></div> <section class="av_textblock_section av-l01jg5gy-ffdf42db35c6941bb6b37af284404119" itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div class="avia_textblock" itemprop="text"><h3>Beautiful cabinetry requires precision edgebander solutions for optimal aesthetics.</h3> </div></section> <section class="av_textblock_section av-l01jn9y5-d165d9be36c859091452d8ca70ce4545" itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div class="avia_textblock" itemprop="text"><p>With such a wide array of panel types and finishes available on the market today, you need the right edgebander to ensure the optimum esthetic of your case goods and cabinet doors.</p> <p>At Cantek, we have the right edge banding solution to fit your application, production requirements, and budgeting needs. Today the demands on edgebanders have never been higher, so, in response, our manufacturing partners have worked to revolutionize the edgebander. Edgebanding machines are designed to minimize setup while allowing for wide flexibility of edge banding applications and they can be configured for EVA, Polyurethane, or Polypropylene glues to minimize the visible glue joint. Working units like pre-milling, corner rounding, and glue scraping are available to produce the optimum finished edge.</p> </div></section> <div class="av-special-heading av-l01l61rc-1bcbcc6dd8d5111025c60153096ebed3 av-special-heading-h2 meta-heading avia-builder-el-5 el_after_av_textblock el_before_av_productgrid "><h2 class="av-special-heading-tag" itemprop="headline">Choose your solution</h2><div class="special-heading-border"><div class="special-heading-inner-border"></div></div></div>'); } add_shortcode( 'category_description', 'category_description_sc' );the shortcode for this is
[category_description]
I add this to one of my product category Description:

and the result is:

So while you would need to add one for each category, it should not be any more work than adding the elements to the page.Best regards,
MikeHey GoodfishGroup_Marketing,
Thank you for your question, this can be done with the Icon Grid element and the css below, note that we are using :nth-child to show a different image for each grid front and back, the css below is for three cells but you can have as many as you like.
Since images added like this don’t add a height to the page elements we need to also add height in the css, for my example I made the grid row 75vh so it looked full height, you should adjust to your needs.
Try to change the image URLs to your images and test.avia-icon-grid-container li:nth-child(1) .avia-icongrid-wrapper .avia-icongrid-front { background-image: url(//enfold/wp-content/uploads/2022/02/man2.jpg)!important; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .avia-icon-grid-container li:nth-child(1) .avia-icongrid-wrapper .avia-icongrid-flipback { background-image: url(//enfold/wp-content/uploads/2022/02/man4.jpg)!important; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .avia-icon-grid-container li:nth-child(2) .avia-icongrid-wrapper .avia-icongrid-front { background-image: url(//enfold/wp-content/uploads/2022/02/woman4.jpg)!important; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .avia-icon-grid-container li:nth-child(2) .avia-icongrid-wrapper .avia-icongrid-flipback { background-image: url(//enfold/wp-content/uploads/2022/02/woman3.jpg)!important; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .avia-icon-grid-container li:nth-child(3) .avia-icongrid-wrapper .avia-icongrid-front { background-image: url(//enfold/wp-content/uploads/2022/02/man1.jpg)!important; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .avia-icon-grid-container li:nth-child(3) .avia-icongrid-wrapper .avia-icongrid-flipback { background-image: url(//enfold/wp-content/uploads/2022/02/man3.jpg)!important; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .avia-icon-grid-container li .avia-icongrid-wrapper .avia-icongrid-front .avia-icongrid-icon { display: none; }
just in case you want to make your grid larger like in my example, this is the css I used:.avia-icon-grid-container,.avia-icongrid-wrapper,.article-icon-entry { height: 75vh; } .responsive #av_section_1 > .container { max-width: 1810px; }If you have trouble with this then create a text page and include admin login in the Private Content area so we can be of more assistance.
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,
Thanks for the feedback I adjusted the script to this:function custom_masonry_excerpt_button_script() { ?> <script> var elements = new Array(); var elements = document.getElementsByClassName('av-masonry-entry-content'); for (var e = 0; e < elements.length; e++) { var newHTML = elements[e].innerHTML; newHTML = newHTML.replace('[buttoncode]','<span class="center-excerpt-button"><span class="avia-button avia-icon_select-yes-left-icon avia-size-large avia-position-center avia-color-theme-color"><span class="avia_button_icon avia_button_icon_left" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">SEE MENU</span></span></span>'); elements[e].innerHTML = newHTML; }; </script> <?php } add_action('wp_footer', 'custom_masonry_excerpt_button_script');and I added this css to center the buttons:
span.center-excerpt-button { display: flex; justify-content: center; }Please clear any cache plugin and your browser cache and check.
Best regards,
MikeHey Eleina_Shinn,
Thanks for your question, you can add html or shortcode in the topbar via the Phone Number or small info text option and the topbar will increase to show the element. For example this is a medium button shortcode created with the shortcode wand[av_button label='Button' icon_select='no' icon='ue800' font='entypo-fontello' link='manually,https://kriesi.at/support/' link_target='_blank' size='medium' position='right' label_display='' title_attr='' color_options='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' av_uid='' sc_version='1.0' admin_preview_bg='']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,
MikeHi,
Glad Ismael 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 Joe,
Thanks for the link to your site, do you see this only on the first view of the first image?
I checked on Windows in Chrome, Firefox, & Edge and didn’t see this, I looked for the first view and for a few times through the slideshow.
Please see the screenshot in the Private Content area.
I also checked on an Android phone, perhaps since the first image is of a man in a doorway, it is tricking the eye, try switching the first image with a different image to test.Best regards,
MikeHey suherda,
Thank you for the link to your site, I believe that you would like your socket links to be black and gray with an underline on mouse-over, please try this code in the General Styling ▸ Quick CSS field:#socket.socket_color .copyright a:hover { text-decoration: underline; color: #666666; } #socket.socket_color .copyright a { color: #000000; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey aradiasun,
Thanks for your question, here are two solutions,
the first is css and just makes the link not clickable, add this code in the General Styling ▸ Quick CSS field:.av-magazine-author-link a { pointer-events: none; }After applying the css, please clear your browser cache and check.
The second solution removes the link, add this code to the end of your functions.php file in Appearance ▸ Editor:
function custom_script() { ?> <script> (function($) { $('.av-magazine-author-link a').each(function() { $(this).contents().unwrap().wrap('<span/>'); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');Best regards,
MikeHi,
Thanks for the login, originally I was under the impression that we were talking about a portfolio item, so after testing the solution above was for a portfolio item, but I see that you are using a masonry element to show posts. I couldn’t find a similar solution for this, but I did find a plugin that works Shortcodes Anywhere or Everywhere if the In Post/Page Custom Fields option is used. I first tested this with a simple date shortcode, but using a button shortcode breaks the masonry element.
If you notice the whole masonry block, excerpt and image, is already linked to the item, so you can not add a button to the excerpt that includes a link.
I assume that you understand that this, so I came up with a different solution for you, I replaced your shortcode in the manual excerpt with this:
[buttoncode]
then I added this to your child theme functions.phpfunction custom_masonry_excerpt_button_script() { ?> <script> var masonryExcerpt = document.querySelector(".av-masonry-entry-content.entry-content"); masonryExcerpt.innerHTML = masonryExcerpt.innerHTML.replace("[buttoncode]", '<span class="avia-button avia-icon_select-yes-left-icon avia-size-small avia-position-center avia-color-theme-color"><span class="avia_button_icon avia_button_icon_left" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">Click me</span></span>'); </script> <?php } add_action('wp_footer', 'custom_masonry_excerpt_button_script');and now the button shows.
You can adjust the button html in the script above to suit, if you want help with this please post the button you want to use on a test page so I can copy the html and adjust the script for you.Best regards,
MikeHi,
Please disable your wpfc cache plugin, and then clear your browser cache.
If this doesn’t help then please include an admin login.Best regards,
MikeFebruary 25, 2022 at 9:52 pm in reply to: Socket Styling Keine Spalten, Text untereinander, columns below eachother #1342338Hi,
The word “Bookmarks” in your footer is from a widget, please check. The login token link above is not working, please check.Best regards,
MikeHi,
Thanks for the feedback, on Chrome it shows red for me, the screenshot above was from Chrome.
Please try this code in the General Styling ▸ Quick CSS field#top #wrap_all #main.all_colors h2.avia-caption-title { color: #fff; }and then clear your browser cache.
I see that your wpfc-minified cache is still enabled, after you add the css above please clear this cache.Best regards,
MikeHi,
Oh I see, I thought you ment the site logo, but you ment the TeamViewer logo. Ok so I removed the previous topbar link and css and created a menu item with your TeamViewer link and added this css to use the TeamViewer logo image instead of the menu item text.li#menu-item-1431 { width: 30px; background-image: url(https://www.chispasupport.ch/wp/wp-content/uploads/2022/02/icons8-teamviewer-30.png); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; } li#menu-item-1431 a { opacity: 0; }please clear your browser cache and check.
Best regards,
MikeHi,
Please include admin login and FTP access in the Private Content area so we can be of more assistance.Best regards,
MikeHey StuWeTueHo,
Thank you for the link to your site, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:.av-magazine-time,.av-magazine-author-wrap,.av-magazine-cats-wrap,.av-magazine-tags-wrap { display: none; }After applying the css, please clear your browser cache and check.
Best regards,
Mike -
AuthorPosts


