Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #670447

    Hi,

    I am trying to build a 6 column layout at the very bottom of my page seen here:

    I have added the following code to my QUICK CSS

    .flex_column.av_one_fifth.first.avia-builder-el-first {
    margin-left: 0 !important;
    }

    .flex_column.av_one_fifth.first.avia-builder-el-last {
    margin-left: 6%;
    float: left;
    clear: none;
    margin-top: 0;
    }

    div .av_one_fifth {
    margin-left: 6%;
    width: 10%;
    }

    However, it is not looking correct for me.

    Here is what it should look like instead:
    Mockup – https://s7.postimg.org/izu4cp4kr/Admissions.jpg

    Please help

    #671378

    I tried this code as well but no result

    #672068

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Andy

    #672069

    see below

    #672886

    any update please?

    #673460

    Hi,

    We are very sorry for the delay. We added a custom css class attribute to the fifth and sixth column then added this code in the functions.php file:

    // custom script
    add_action( 'wp_footer', 'ava_custom_script' );
    function ava_custom_script() {
    	?>
    	<script type="text/javascript">
    	(function($) {
    		function e() {
    			$('.custom_column6').insertAfter('.custom_column5');
    			$('<div class="av-flex-placeholder"></div>').insertBefore('.custom_column6');
    		}
    
       		e();
    	})(jQuery);
    	</script>
    	<?php
    }

    Best regards,
    Ismael

    #673464

    Looks good but a few things:

    – Can you look at it on mobile? It does not look good on my end on mobile
    – For the link title text below (“Welcome from the Admissions Director”, “Program Options”….etc), how do I remove the underline and how do I add a little more padding around the box so the text is not so close to the edges?

    Thanks again

    #675204

    Hi,

    1.) Edit the columns, add a little padding to it.

    2.) It is because of this css modification:

    #six-columns div .av_one_fifth {
        width: 15%!important;
        margin-left: 2%;
        padding: 10px;
    }

    Place that code inside a css media query.

    @media only screen and (min-width: 768px) {
      /* Add your Desktop Styles here */
    
    }

    Best regards,
    Ismael

    #675739

    Awesome thanks

    lastly, how do I remove the underline from the clickable links?

    #675742

    Hi!

    Please add following code to Quick CSS as well

    #top .av_inherit_color a {
        text-decoration: none;
    }

    Cheers!
    Yigit

    #676582

    Hello, I’m looking to do this same function and have added the code into the functions.php file as well as the quick CSS and can’t seem to get the 6 columns to work on my site. Below is the link

    #676584

    Forgot to add the credentials for you to login if necessary.

    #678725

    Hi,

    We tried to login to the site but got locked out.

    You are temporarily locked out

    You have been temporarily locked out of this system. This means that you will not be able to sign-in or use several other features that may compromise security. Please try back in a short while.

    Return to the site home page
    Attempt to return to the admin login page (you may still be locked out)

    Please create a new thread with the url to the page with the columns plus the login credentials. And enable the custom css class field. http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Best regards,
    Ismael

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.