Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #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.com

    If 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

    #1312110

    Some 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 Berrier

    #1312116

    Here 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
    #1312117

    Here 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');
    #1312120

    Additional private info:

    • This reply was modified 3 years, 5 months ago by Dommel.
    #1312124

    Note: 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.
    #1312432

    Any help or info on especially point 1 from someone?

    Point 2 is fixed using the temporary fix as seen in other threads.

    #1312435

    Here 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.
    #1312578

    Hi,

    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,
    Rikard

    #1312841

    Hi 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 :)

    #1313151

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Multiple issues. Possibly after latest enfold update. Seeking help.’ is closed to new replies.