-
AuthorPosts
-
July 24, 2021 at 8:36 pm #1312108
Hi,
After updating to the latest Enfold version a couple of days ago. Strange things seem to happen. I tried doing some debugging like disabling plugins (we don’t use many), or re-creating elements and objects to see if that fixes, but sadly no success. Here is a list we are running into:
1) New uploaded images that we want to use as thumbnails, using ‘feature image’ option in (portfolio) posts. Don’t show up in gallery elements. The post and the space for the thumbnail is here. But the image itself is not showing. I did some testing, any new images we upload to the website, don’t work. Any old images we already had from the past, still work.
2) Animated Numbers (the element). The description text below the number, now always shows “Add your own text” no matter what text you give it. The number itself is still working. This is on both already placed “animated numbers” elements we created in the past. And newly created “animated numbers” elements.
3) There seems to be a strange flickering artifact going on over the entire website when you roll over multiple (gallery) buttons. It’s as if the image of the button (or item) is, for a split second, full screen. Then every thing goes back to normal. We never had this before. It could of course also be a browser thing. It’s hard to say.Here is our website:
http://www.highpriority.comIf you go here: https://highpriority.com/portfolio/
You will notice that one of the thumbnails is missing. I will see if I can add more.If you go here: https://highpriority.com/portfolio-item/media-monks-lego-nexo-knights/
You will see the animated numbers and their issue. This is website wide. (except on the Smurfs project page where we used a static solution. We are going to apply this static solution everywhere).I’m seeking help, where to look, any tips of what it could be. I’m not a coder, but also not a complete layman.
Perhaps this is all related to the latest update of Enfold or WordPress? Perhaps I did something wrong and files are broken or corrupt.
Also note that I have a large-ish quick CSS file. So far it is all tested and keeping it clear where possible, but with limited understanding of code/css.Thanks for taking the time. You guys an gals make great themes!
Robert Berrier
July 24, 2021 at 8:50 pm #1312110Some info to add:
I always update the Enfold theme using the updater inside wordpress.
Also, I have made some adjustments to the function.php file.
At the bottom there are new functions for the click-able service buttons on the main page. Which opens an closes close sections.Regards,
Robert BerrierJuly 24, 2021 at 9:04 pm #1312116Here is the quick CSS Content:
/* =================================== */ /* === Make header not transparant === */ /* =================================== */ #header { background-color: #23253b; opacity: 1 !important; } /* ========================== */ /* ========================== */ /* ====== FONTS & TYPE ====== */ /* ========================== */ /* ========================== */ /* ========================== */ /* === Font sizes Desktop === */ /* ========================== */ /* h1 - 80px BOLD */ /* h2 - 55px BOLD with yellow line*/ /* h3 - 55px BOLD */ /* h4 - 32px BOLD */ /* h5 - 22px BOLD */ /* h6 - 20px BOLD */ /* p - 20px */ /* body - 20px */ /* ============================== */ /* === Desktop bullet point font size === */ /* ============================== */ li { font-size: 20px; } .li-content { font-size: 20px; } /* =========================== */ /* === H2 Line after title === */ /* =========================== */ h2{ overflow:hidden; } h2:after{ content:""; display: inline-block; vertical-align: top; height: 0.6em; width: 100%; margin-right: -100%; margin-left: 25px; border-bottom:8px solid #ffbf40; } .avia-button { font-size: 24px!important; } /* ================================================ */ /* === Font sizes tablet screens - up to 1366px === */ /* ================================================ */ @media only screen and (max-width: 1366px) { .av_textblock_section .avia_textblock h1 { font-size: 60px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock h2 { font-size: 41px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock h3 { font-size: 27px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock h4 { font-size: 20px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock h5 { font-size: 18px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock h6 { font-size: 18px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock p { font-size: 18px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock body { font-size: 18px !important; font-weight: bold !important; } /* === tablet bullet point font size === */ li { font-size: 18px; } .li-content { font-size: 18px; } } /* =============================================== */ /* === Font sizes mobile screens - up to 767px === */ /* =============================================== */ @media only screen and (max-width: 767px) { .av_textblock_section .avia_textblock h1 { font-size: 40px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock h2 { font-size: 28px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock h3 { font-size: 22px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock h4 { font-size: 18px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock h5 { font-size: 16px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock h6 { font-size: 16px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock p { font-size: 16px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock body { font-size: 16px !important; font-weight: bold !important; } /* === mobile bullet point font size === */ li { font-size: 16px; } .li-content { font-size: 16px; } } /* ========================= */ /* === Adjust BOLD & STRONG color === */ /* ========================= */ b { color: #ffffff !important; } strong { color: #ffffff !important; } /* ============ */ /* === ???? === */ /* ============ */ .entry-content-wrapper div li { line-height: 22px; } /* ========================== */ /* ========================== */ /* == END --- FONTS & TYPE == */ /* ========================== */ /* ========================== */ /* ========================================== */ /* === Front page portfolio section width === */ /* ========================================== */ #ourwork .container { width: 100% !important; min-width: 100%; padding: 0; margin: 0; } /* ========================================== */ /* === Color section container full width === */ /* ========================================== */ #fullwidth-container .container { width: 100% !important; min-width: 100%; } /* ========================================== */ /* === Fullwidth submenu font adjustments === */ /* ========================================== */ #top .av-subnav-menu > li > a { font-size: 22px !important; font-weight: bold !important; } /* ========================================= */ /* === Fullwidth submenu size adjustment === */ /* ========================================= */ #top .av-submenu-container { height: 70px; } #top .av-subnav-menu > li { padding: 23px 0; } #top .sticky_placeholder { height: 70px; } /* ================================================= */ /* === Service buttons break to two column layout=== */ /* ================================================= */ @media only screen and (max-width:989px) { .servicebuttons-class { width: 49% !important; } .servicebuttons-class.av_one_fourth{ margin-left:1%!important; } } /* ========================================================= */ /* === Reduce color section padding on mobile using HUGE === */ /* ========================================================= */ @media only screen and (max-width: 989px) { .avia-section-huge .content, .avia-section-huge .sidebar { padding-top: 50px!important; padding-bottom: 50px!important; } } /* ========================================================== */ /* === Reduce color section padding on mobile using LARGE === */ /* ========================================================== */ @media only screen and (max-width: 989px) { .avia-section-large .content, .avia-section-large .sidebar { padding-top: 25px!important; padding-bottom: 25px!important; } } /* ============================ */ /* === Catalogue font sizes === */ /* ============================ */ .av-catalogue-title { font-size: 22px; } .av-catalogue-price { font-size: 16px; } .av-catalogue-content { font-size: 16px; } /* ========================================== */ /* === Catalogue square and larger images === */ /* ========================================== */ .av-catalogue-image { border-radius: 0 !important; width: 100px !important; } /* ======================================== */ /* === Catalogue NOT all capital titles === */ /* ======================================== */ .av-catalogue-title { text-transform: none !important; } /* ========================== */ /* === Catalog image size === */ /* ========================== */ .av-catalogue-image { height: 80px !important; width: 80px !important; } /* ============================ */ /* === Seperator line color === */ /* ============================ */ span.hr-inner { border-color: #ffbf40 !important; } /* ====================================== */ /* === Adjust separator FAT thickness === */ /* ====================================== */ .hr-custom .hr-inner.inner-border-av-border-fat { border-top-width: 9px !important; } /* ===================================================================== */ /* === Adjust burger menu break point to 1366. Burger starts at 1366 === */ /* ===================================================================== */ @media only screen and (max-width: 1366px) and (min-width: 768px) { .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item { display: none; } .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special { display: block; } } /* ================================= */ /* === adjust column breakpoint === */ /* ================================= */ @media only screen and (max-width: 1500px) { .responsive #top #wrap_all #av-center-align-columns .flex_column.columnbreak { margin: 0; margin-bottom: 20px; width: 100%; } } /* ================================================== */ /* === Center align columns inside color section === */ /* ================================================== */ #av-center-align-columns .entry-content-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: center; } /* =========================== */ /* === adjust table colors === */ /* =========================== */ .pricing-table>li { background: #1a1b2b00 !important; } /* =============================== */ /* === Custom masonry gap size === */ /* =============================== */ .av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry { right: 4px; left: 4px; bottom: 4px; top: 4px; } /* ================================================== */ /* === Content Menu, hide seperatoritem on mobile === */ /* ================================================== */ @media only screen and (max-width: 990px) { #menu-item-6080 { display: none !important; } } /* ======================================== */ /* === Change social media bottom color === */ /* ======================================== */ #top .av-social-sharing-box .av-share-link a { color: #ffffff; background-color: #12131f; } /* ================================================= */ /* === Blog featured image remove click function === */ /* ================================================= */ .big-preview.single-big a{ pointer-events:none!important; } /* ================================= */ /* === Remove blog page excerpts === */ /* ================================= */ .blog .slide-entry-excerpt { display: none; } /* ============================== */ /* === Remove blog page dates === */ /* ============================== */ .slide-meta { display: none !important; } /* =============================== */ /* === Blog hover icon disable === */ /* =============================== */ .slide-entry-wrap .image-overlay-inside:before { display: none; } /* ================================ */ /* === Blog hover overlay color === */ /* ================================ */ .image-overlay { background: #12131f; }
- This reply was modified 3 years, 5 months ago by Dommel. Reason: Cleanup of Quick CSS. Applied to website
July 24, 2021 at 9:05 pm #1312117Here is the Function.php adjustment:
function unfold_env_func(){ ?> <script> jQuery(window).load(function(){ jQuery("#unfold_env").hide(); jQuery("#unfold_prop").hide(); jQuery("#unfold_tech").hide(); jQuery("#unfold_rt3d").hide(); jQuery("#unfold_techart").hide(); jQuery( ".unfold_env_class" ).click(function() { jQuery("#unfold_env").toggle(); jQuery("#unfold_prop").hide(); jQuery("#unfold_tech").hide(); jQuery("#unfold_rt3d").hide(); jQuery("#unfold_techart").hide(); }); jQuery( ".unfold_prop_class" ).click(function() { jQuery("#unfold_env").hide(); jQuery("#unfold_prop").toggle(); jQuery("#unfold_tech").hide(); jQuery("#unfold_rt3d").hide(); jQuery("#unfold_techart").hide(); }); jQuery( ".unfold_tech_class" ).click(function() { jQuery("#unfold_env").hide(); jQuery("#unfold_prop").hide(); jQuery("#unfold_tech").toggle(); jQuery("#unfold_rt3d").hide(); jQuery("#unfold_techart").hide(); }); jQuery( ".unfold_rt3d_class" ).click(function() { jQuery("#unfold_env").hide(); jQuery("#unfold_prop").hide(); jQuery("#unfold_tech").hide(); jQuery("#unfold_rt3d").toggle(); jQuery("#unfold_techart").hide(); }); jQuery( ".unfold_techart_class" ).click(function() { jQuery("#unfold_env").hide(); jQuery("#unfold_prop").hide(); jQuery("#unfold_tech").hide(); jQuery("#unfold_rt3d").hide(); jQuery("#unfold_techart").toggle(); }); }); </script> <?php } add_action('wp_footer', 'unfold_env_func');
July 24, 2021 at 9:14 pm #1312120Additional private info:
- This reply was modified 3 years, 5 months ago by Dommel.
July 24, 2021 at 10:03 pm #1312124Note: The missing thumbnail seems to work out of no where. Will test more.
Edit: Fail, today they are broken again
- This reply was modified 3 years, 5 months ago by Dommel.
July 26, 2021 at 1:51 pm #1312432Any help or info on especially point 1 from someone?
Point 2 is fixed using the temporary fix as seen in other threads.
July 26, 2021 at 1:56 pm #1312435Here is a screenshot showing the issue. Currently the issue is on the main page: https://highpriority.com/
Where as on this sub page they work fine: https://highpriority.com/portfolio/- This reply was modified 3 years, 5 months ago by Dommel.
July 27, 2021 at 5:26 am #1312578Hi,
Thanks for the update, and sorry for the late reply. It seems to be working as it should on my end, please see screenshot in private. If you are not seeing those results on your end, then please try loading the page in an incognito or private browser window.
Best regards,
RikardJuly 27, 2021 at 7:46 pm #1312841Hi there, yea. I believe the latest patch fixed all of it. So we can close this thread. Thanks for the update and reaching out here :)
July 29, 2021 at 5:01 am #1313151Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘Multiple issues. Possibly after latest enfold update. Seeking help.’ is closed to new replies.