-
AuthorPosts
-
August 9, 2016 at 6:00 pm #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.jpgPlease help
August 11, 2016 at 3:22 pm #671378I tried this code as well but no result
August 12, 2016 at 9:22 pm #672068Hi,
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,
AndyAugust 12, 2016 at 9:24 pm #672069see below
August 15, 2016 at 9:40 pm #672886any update please?
August 17, 2016 at 4:22 am #673460Hi,
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,
IsmaelAugust 17, 2016 at 4:57 am #673464Looks 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 #675204Hi,
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,
IsmaelAugust 22, 2016 at 2:10 pm #675739Awesome thanks
lastly, how do I remove the underline from the clickable links?
August 22, 2016 at 2:13 pm #675742Hi!
Please add following code to Quick CSS as well
#top .av_inherit_color a { text-decoration: none; }
Cheers!
YigitAugust 23, 2016 at 5:48 pm #676582Hello, 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 #676584Forgot to add the credentials for you to login if necessary.
August 29, 2016 at 4:01 am #678725Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.