Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • August 9, 2016 at 6:00 pm #670447
    navindesigns

    Hi,

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

    Admissions

    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

    August 11, 2016 at 3:22 pm #671378
    navindesigns

    I tried this code as well but no result

    6 column grid

    August 12, 2016 at 9:22 pm #672068
    Andy

    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

    August 12, 2016 at 9:24 pm #672069
    navindesigns

    see below

    August 15, 2016 at 9:40 pm #672886
    navindesigns

    any update please?

    August 17, 2016 at 4:22 am #673460
    Ismael

    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

    August 17, 2016 at 4:57 am #673464
    navindesigns

    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

    August 21, 2016 at 6:13 am #675204
    Ismael

    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

    August 22, 2016 at 2:10 pm #675739
    navindesigns

    Awesome thanks

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

    August 22, 2016 at 2:13 pm #675742
    Yigit

    Hi!

    Please add following code to Quick CSS as well

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

    Cheers!
    Yigit

    August 23, 2016 at 5:48 pm #676582
    designtheory

    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

    August 23, 2016 at 5:50 pm #676584
    designtheory

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

    August 29, 2016 at 4:01 am #678725
    Ismael

    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

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