Forum Replies Created

Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • Thanks. Yes please, it can be closed :)

    Ah! it has just been fixed. In another thread here, talking about another topic.
    A collage of yours noticed I was adding a dot in front of the class names inside the custom CSS fields of elements.
    eg; .className
    It should been className

    It turns out that if you add that dot to the regular Custom CSS field inside an (image) element, it all works fine.
    But the Lockable Custom CSS doesn’t accept that. And so failed. I have removed the dot (as it should be). So not it all works fine.

    Thanks for taking the time. This thread can be closed.

    As a feature request. For the Image Hover effect. Currently it has two options:
    – Yes, Slightly zoom the image
    – Yes, Slightly increase the image size

    It would be a great addition if a regular fade out and/or grey out option would be there.

    Perfect, it works.
    I have still much to learn on how CSS works in it’s fundamentals.

    Thank you so much!

    Edit: also, great catch on the dot! I will remove from as you mentioned.

    Hi there,

    Yes, I understand, but either I’m doing it wrong, or it’s not working.
    In my image element, I have set it to use the Custom Element. The fields that I have locked in the parent, including the Lockable Class Field. Is then red.
    In the parent I gave the lockable class field a class (which is defined in the quick CSS section of the theme). And so, inside the child, in the locked (and red) lockable class field. I see that class name typed in, as it should since it is coming from the parent. However, it is not having any effect. Hence why I think it’s a bug.

    When I add that same class name to the regular class field. then it has effect.

    Regards,
    Robert

    Hi there,

    Thanks. There is an issue though where when I use your suggested code. For some reason the anker point (where it zooms) is not fully at the left of the image. Here is the applied code:

    .imageHoverZoomLeftClass img:hover {
        transform-origin: 0% 50%;
    }

    For an example, please visit: https://highpriority.com/content/
    The “beginners guide to sketching” has this code applied. The others do not, and so zoom to the center.
    I also tied using transform-origin: left center; But it has the same effect not not being truly at the left.

    • This reply was modified 2 years, 7 months ago by Dommel.

    Hi there,

    Sure, here we go.

    See this page: https://highpriority.com/content/
    Notice the yellow horizontal buttons. These are the images with links. I already tested the above suggest code, and it works good.
    However, when I apply it to the website (quick CSS), it is applied to all image buttons. Some of which are on the main page (https://highpriority.com/).
    We only want the effect to be on the long horizontal buttons (images with link). Most of them are on that page, some of them are on the home page too.

    In other words, how can we say that only those buttons are affect, but all other remain “normal” with a zoom-in from the center. Using the element ID system would be fine I think. Unless you see a better way.

    Thanks for taking the time,
    Robert

    Hi Ismael,

    Ah yes, very cool!
    How can I then say that this should only be applied to certain buttons, either using the ID function.
    Or for example to an entire page, or only a color section. I see this done in many other solutions, but I’m not really sure how this works.

    I believe for using the ID way, you need to add a #IDName somewhere in that first line?

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

    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 2 years, 7 months ago by Dommel.

    Any help or info on especially point 1 from someone?

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

    in reply to: Updating Enfold to Version 4.8.4 + Worpress 5.6.4 #1312377

    I suggest you wait for an enfold update. I believe the kriesi team is working on it right now. A possible update might arrive today. If your website is working as is, then simply wait.

    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 2 years, 7 months ago by Dommel.

    Additional private info:

    • This reply was modified 2 years, 7 months ago by Dommel.

    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');

    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 2 years, 7 months ago by Dommel. Reason: Cleanup of Quick CSS. Applied to website

    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

    in reply to: Enfold Feature requests and help #859693

    Hi,

    I found another question.
    For the footer area.. Is it possible to have ‘avia layout builder’ like options there? Making it possible to build more complex footers with images, text, form, and other functions. If not, is there another good work around so each page has the same content at the bottom, but without having to duplicate is in the wordpress dashboard?

    Regards,
    Robert

    in reply to: Add Preview Images in portfolio entry #846901

    Sure. Use that direct link. Since the root url does a redirect. http://highpriority.com/portfolio/
    For the entire site I am still testing things out. On that linked page (portfolio) there are two gallery’s with the same content.
    – Portfolio Grid
    – Masonry

    Both of them read from the 3 portfolio categories. A, B and C.
    There are 4 portfolio entries. Spread out over those categories. All four have one or more “preview image”, no “featured image”. Screenshot: http://prntscr.com/gfu73w

    Many thanks,
    Robert Berrier

    • This reply was modified 6 years, 6 months ago by Dommel.
    in reply to: Enfold Feature requests and help #808658

    Will do Sarah,

    Do you still have a solution for point 2?

    2) There doesn’t seem to be an option for links/websites/profiles that are not part of the already standardized social media list. For example, I would like to have http://www.artstation.com/myprofile in there as well. But there is no option for it. Either a generic “link” option, or a more custom solution where I can include a custom icon. Is there a way to do this myself through script/code?

Viewing 20 posts - 1 through 20 (of 20 total)