-
Search Results
-
Thanks Ismael.
I understand what you say. Just one questions: Talking about enfold settings, How do I disable autoplay in color section video background?
I would be able to develop a script to triger the video depending on the scroll.
Thanks.
OSCAR
Hi,
How can I define “the point of page scroll” where I want the video background in a color section to autoplay?
That is, I want the video not playing until the scroll/video reaches a certain point (and then autoplay).
Thanks very much,
OSCAR
The logo and main menu navigation, has too much white space, We need to use a logo which is slim, (44px in height or max 60px).
BUT we need the white space below the logo right above the navigation to go away.
I need code for this.(also keep in mind when I do this too, the Learn more scrolling wont match, at all please read the post above for details)
I repeat the same question: Nothing you have given me is helping:
I had clearly mentioned the steps above to follow, and create the error, but you dont seem to be helpfulNone of the CSS code below has helped from you:
==============
Elliott wrote:Hi consult!
It looks like the problem is this code in your Quick CSS field.
.responsive #top #header .logo {
height: 90px !important;
margin: 0 auto;
padding-bottom: 0;
padding-top: 0;
}Remove the !important rule. Or just reduce the height there.
Best regards,
Elliott
===========
Elliott wrote:Hi!
Add this to your custom CSS.
#header #header_main_alternate .container {
padding: 0px !important;
}Cheers!
Elliott
================Not working any of the above… please provide support or stop selling such Themes…which dont work, and there are 100000 issue in support forum,. which clearly proves that your theme has a lot of capability but at the same time its not working for everyone..somehow there are defects.
In reply to: White space below logo
Follow these steps for error creation:
Or send me the correct CSS code:Create a dummy site, or on your version, please allow the logo and menu activated on mobile:
.responsive #top #header {
position: fixed !important;}
Now that you see a logo and social bar on the mobile potrait and landscape both.
Step 2
=======
Create a page which has a 1st section as parallax, with a learn more scroll button, which goes to anchor below on next color sections.=====
Step 3Click on the learn more from mobile version.
======
Step 4,
you will see… perfect alignment of the section.Step 5.
======
Here I want to reduce the logo height and white area, as its taking too much space specially on landscape, you dont have much left to read the website.
So reduce the logo area..
.responsive #top #header .logo
{
padding-top:0px;
margin:0px auto 0px;
padding-bottom:0px;
margin-bottom:0px;
height: 30px!important;
}
.responsive #top #main {
padding-top: 60px !important;
padding-bottom:0px !important;
margin-bottom:0px !important;
}now the logo looks nice, but try scrolling using the learn more / go to the below anchor…
the below section does not alignIn reply to: WordPress 4.0 and Enfold
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
div#mc_embed_signup_scroll .clear { visibility: visible!important; width: auto!important; height: auto!important; }Cheers!
YigitIn reply to: WordPress 4.0 and Enfold
When i click on the link “Leistungen” and click on the portfolio “Badebottich” i get this:
I want/need the following: when a user scrolls down to the end of the portfolio “Badebottich” the next portfolio should be appended, like seen in the following “collage”. And then the next portfolio, and the next portfolio (appended automatically when someone scrolls down) – is there a possibility to get this result?
Hello!
I wonder if it is possible to make the load more button on masonry (not masonry gallery) load less posts if you are on a mobile device?I’m also wondering if it is possible to make the load more thing happen automaticlly when you scroll down? Like infinite scroll.
Thanks in advance!
In reply to: Problem on mobile device with fullscreen slider
Hi Simon
If it is the same issue I am having where I have a background image which has most of the imagery at the bottom and captions are centered. Firstly I re-positioned the background to bottom align in quick css. I did it using the function in the slider options but it did not work for some reason. I also changed the sizing to full height rather than full width ( I made images to suit this so you may not need to).
.avia-fullscreen-slider .avia-slideshow > ul > li { background-position: center bottom !important; background-size: auto 100% !important; }Then for mobile devices I had to tweak it a bit because the header is now visible rather than hidden until scrolled. So I added this too:
@media only screen and (max-width:640px) { .avia-fullscreen-slider { top:-100px;margin-bottom:-100px;} } @media only screen and (max-width:360px) { .avia-fullscreen-slider { top:-140px;margin-bottom:-140px; } }The first media query is for mobile landscape which I only bumped up a bit to suit.
The second I pushed a bit more as it is for the portrait version and needed it.
I also made sure the next section was pulled up to meet it because if not there would be a gap created by the ‘negative lift’.Well hope this helps as a guide.
Jay
Topic: Mobile Menu Search Function
Hello,
I have customized the mobile Menu of enfold to show the header area. Result is live here:
cop-morrien.deDue to client request I added a search icon to the mobile-header. The search Icon links to the search-field
in the sidebar (under the main-content in mobile view). Everything works fine so far. The only thing, that I can not manage to get to work is the following case:
When the menu is open and the user clicks the search icon in the header (next to the mobile menu toggle icon) I want the menu to hide and the page to scroll to the search field. The scroll does work, but I can not get the menu to hide at the same time.This is my code in js > avia.js (which I have copied to my child theme):
$html.on('click', '#add-search-icon', function() { container.removeClass('show_mobile_menu'); container.css({'height':"auto"}); });But this sadly doesn’t work. I also tried:
$(#add-search-icon).click(hide_menu);Can you please check what is wrong.
Thanks
In reply to: Menu is overlapping the logo
Hey!
Try with this code instead:
@media only screen and (min-width: 767px) { .logo a img { width: 350px; height: auto; } .logo a img{ top: 22px; } .header-scrolled .logo a img{ top:0; } } @media only screen and (max-width: 1024px) { .html_mobile_menu_tablet .main_menu , .html_mobile_menu_tablet #header_main_alternate{display:none;} .html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide{display:block;} .html_mobile_menu_tablet #mobile-advanced{display:block;} }Best regards,
JosueIn reply to: MapifyPro question
Hi, I was just browsing the Forum. I asked about the width of the tooltip and the guys gave me this so I could make them larger and loose the scrollbar:
<div style=”overflow: auto; width: 175px; height: 175px;”>
Enter the text here that you wish to show in the tooltip</div>My tooltips also have a heading in bold which link to another page on the site so mine now look like this:
<div style="overflow: auto; width: 175px; height: 175px;"><a href="/services/pagename/"><strong>pagetitle</strong></a> Enter the text here that you wish to show in the tooltip</div>I also use the latest version of Enfold which has a fullwidth google map element and works great.
Hope this helps.
HIn reply to: v3.0 – Tables NO longer responsive on iPad
Hey George!
Try adding this code to the Quick CSS:
@media only screen and (max-width: 989px) { .responsive div .avia_responsive_table .avia-data-table table, .responsive div .avia_responsive_table .avia-data-table tbody, .responsive div .avia_responsive_table .avia-data-table tr, .responsive div .avia_responsive_table .avia-data-table td, .responsive div .avia_responsive_table .avia-data-table th{display:block; border-top:none; border-right:none; border-left:none; text-align: center;} .responsive .avia_responsive_table .avia-data-table{border-style:solid; border-width: 1px;} .responsive .avia_responsive_table .avia-data-table .avia-pricing-row .avia-desc-col{text-align: center;} .responsive .avia_responsive_table .avia-data-table .avia-button-row, .responsive .avia_responsive_table .avia-data-table tr:first-child th{display:none;} .responsive .avia_responsive_table .avia-data-table td:before { display:block; font-style: italic; font-size: 11px; } .responsive .avia_responsive_table .avia-data-table td { position: relative; } .responsive .avia_scrollable_table { width: 100%; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .responsive .avia_scrollable_table .avia-data-table > thead > tr > th, .responsive .avia_scrollable_table .avia-data-table > tbody > tr > th, .responsive .avia_scrollable_table .avia-data-table > tfoot > tr > th, .responsive .avia_scrollable_table .avia-data-table > thead > tr > td, .responsive .avia_scrollable_table .avia-data-table > tbody > tr > td, .responsive .avia_scrollable_table .avia-data-table > tfoot > tr > td { white-space: nowrap; } }Cheers!
JosueIn reply to: Different Header layout for custom template
Topic: Separated layer elements
RE: http://screencast.com/t/0CFhDbWeF4
Any obvious reason why the backgrounds for screen capture above would act as independent blocks?
The content of the layer is http://screencast.com/t/hEzHpz9pp.
<h2 class="sliderhead sliderbox" style="box-shadow: 0px 4px 10px -5px black; text-shadow: none; font-weight: normal; opacity: 0.75; text-align: right; padding: 25px 30px 25px 40px; font-family: inherit; font-size: 16px; line-height: 18px; color: rgb(255, 255, 255); background: none repeat scroll 0% 0% rgb(56, 48, 48); width: auto; height: auto; border-width: 0px;">Label Design</h2> <p class="sliderbox" style="box-shadow: 0px 4px 10px -5px black; text-shadow: none; font-weight: normal; opacity: 0.75; text-align: right; padding: 25px 30px 25px 40px; font-family: inherit; font-size: 16px; line-height: 18px; color: rgb(255, 255, 255); background: none repeat scroll 0% 0% rgb(56, 48, 48); width: auto; height: auto; border-width: 0px;">Packaging, labels and POS displays that give your product the attention it deserves.</p>In reply to: Auto Scrolling to IFrame Location on Mobile Device
Hey!
I checked the site on mobile and desktop but it doesn’t autoscroll on the iframe section. Have you tried linking the iframe to another html site without the added scripts? I’m sorry but we don’t provide support for third party scripts. Maybe there’s a conflict between the theme and the external document which will be difficult to trace. Please hire a freelance developer to investigate the external document closely.
Cheers!
IsmaelHi!
After updating the theme I’m having problems with Avia Layout Builder. When I drag&drop an element the whole page stop working. I can’t scroll up or down, causing me to not reach the save/update button. I have to reload the page, and if I’m lucky, WordPress have auto-saved the page for me.
I did not experience this issue on the previous theme version. I am using Safari on Mac, and I have tried another computer. It works fine in Chrome.
Can you help?
Topic: Mobile Site Shop Layout
Dear Moderator,
I recently updated to the latest version of Enfold. Thank you for adding the Shopping Cart icon to the mobile version of the website. Very helpful indeed.Please open – http://www.naturahealthcare.com on web and mobile.
However, there are two errors which have cropped up on the mobile version:
1. When the shopping cart dropdown is opened, I cannot see the cart completely and part of it remains hidden on the left side of the screen.
2. When I open the Menu, I am not able to see the entire items on the menu. The Mega Menu also disappears.
3. When you scroll down the page and wait for about 10-12 seconds, the page jumps up and down automatically – similar problem as mentioned here: https://kriesi.at/support/topic/image-jumping-in-mobile-view-unstable/
Can you please suggest any fixes for all the problems mentioned above?
I am using:
Wordpress – 4.0
Enfold – 3.0.1
WooCommerce – 2.2.4Please let me know soon as my website is up and running!
The Issue:
Using the Enfold theme, I have an IFrame positioned about halfway down my sales page which I have inserted via the Code Block Content Element. When I load the page on my mobile device, Enfold automatically scrolls down to the location of the IFrame. I have confirmed that the IFrame is the cause by eliminating the IFrame from the page and reloading. When I do this, the page loads as expected with the headline at the top.
What I’ve done:
Aside from removing the IFrame to determine that it was the cause, I’ve checked the source code of the IFrame itself to see if there was anything that might be triggering the behavior. Nothing was immediately apparent but something is causing Enfold to behave in this way.
What I need:
I need the sales page to load as normal, with the headline at the top. I don’t want the page to auto scroll to the location of the IFrame.
I’ve included that source below. Thanks for any help you can provide.
<!DOCTYPE html> <!-- saved from url=(0013)about:internet --> <html> <head><meta content='IE=Edge' http-equiv='X-UA-Compatible'> <meta http-equiv='Content-Type' content='text/html;charset=UTF-8' /> <meta name='GENERATOR' content='SpreadsheetConverter version 7.8.6078.0)' /> <!-- The parts of this webpage that is defined by the original spreadsheet have the same copyright as the original spreadsheet. --> <!-- The generic Excel-related parts of this page is Copyright © 2002-2013 Framtidsforum I&M AB, Sweden. --> <title>Invisalign Calculator</title> <link rel="stylesheet" href="assets/app.min.css" /> <script type="text/javascript" src="assets/app.min.js"></script> <script type="text/javascript"> $(function(){ var calendar_dateFormats = {}; var defaultDateFmt = 'm/d/yy'; postcode(); var tabWiz = $('#tab').tabs(); var focusCtrl=$('input:not(":hidden,:button,[readonly=readonly],:disabled"),select,a.ui-slider-handle,textarea,a.ui-state-active'); <!-- to prevent popup dialog to appear in page load.--> if(focusCtrl!= undefined && focusCtrl.filter(':first').hasClass('hasDatepicker')==false){ focusCtrl.filter(':first').focus(); } }); </script> <link rel='stylesheet' type='text/css' href='' media='print' id='printallcss' /> </head> <body onload='LoadFromQueryString();GetCookies();recalc_onclick("");' onunload='SetCookies();'> <noscript style='color:#F15623;'> The webpage is not working since JavaScript is not enabled. Most likely, you are viewing using Dropbox website or another limited browser environment. </noscript> <form id='formc' name='formc' method='post' action='' target='_top'> <input type='hidden' id='xl_spreadsheet' name='xl_spreadsheet' value='Invisalign Calculator' /> <input type='hidden' id='xl_client' name='xl_client' value='x7.8.6078.0' /> <div id='tab'> <div id='sheet-1' style='padding: 1em 1.4em;'> <table width= '817' cellspacing='0' cellpadding='0' style='border-spacing:0;' onkeydown='javascript:navigate(event);'> <col width='162'/> <col width='11'/> <col width='113'/> <col width='11'/> <col width='520'/> <tr style='height:13pt'> <td class='ee100' style='height:13pt;'> Cost of Treatment </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee106' style='height:13pt;'> <fieldset id='FS1$price' style='border:0;padding:0;'> <select name='price' id='price' class='ee108' style=' width:100% ' tabindex='1' onchange="recalc_onclick('price')" size='1' data-sheet='1' data-row='1' data-col='3'> <option data-value='n:0' selected > $ - </option> <option data-value='n:2500' > $ 2,500</option> <option data-value='n:3000' > $ 3,000</option> <option data-value='n:3500' > $ 3,500</option> <option data-value='n:4000' > $ 4,000</option> <option data-value='n:4500' > $ 4,500</option> </select> </fieldset> </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee109' style='height:13pt;' colspan = '5'> Most Invisalign® cases will cost between $2,500 and $4,500 </td> </tr> <tr style='height:13pt'> <td class='ee100' style='height:13pt;'> Insurance Coverage </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee106' style='height:13pt;'> <fieldset id='FS1$insurance' style='border:0;padding:0;'> <select name='insurance' id='insurance' class='ee108' style=' width:100% ' tabindex='2' onchange="recalc_onclick('insurance')" size='1' data-sheet='1' data-row='3' data-col='3'> <option data-value='n:0' selected > $ - </option> <option data-value='n:500' > $ 500</option> <option data-value='n:1000' > $ 1,000</option> <option data-value='n:1500' > $ 1,500</option> <option data-value='n:2000' > $ 2,000</option> <option data-value='n:2500' > $ 2,500</option> <option data-value='n:3000' > $ 3,000</option> <option data-value='n:3500' > $ 3,500</option> </select> </fieldset> </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee109' style='height:13pt;' colspan = '5'> Some insurance providers offer coverage up to $3,500 </td> </tr> <tr style='height:13pt'> <td class='ee100' style='height:13pt;'> FSA Contribution </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee106' style='height:13pt;'> <fieldset id='FS1$fsa' style='border:0;padding:0;'> <select name='fsa' id='fsa' class='ee108' style=' width:100% ' tabindex='3' onchange="recalc_onclick('fsa')" size='1' data-sheet='1' data-row='5' data-col='3'> <option data-value='n:0' selected > $ - </option> <option data-value='n:500' > $ 500</option> <option data-value='n:1000' > $ 1,000</option> <option data-value='n:1500' > $ 1,500</option> <option data-value='n:2000' > $ 2,000</option> <option data-value='n:2500' > $ 2,500</option> </select> </fieldset> </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee109' style='height:13pt;' colspan = '5'> With a Flexible Spending Account (FSA), you can put up to $2,500 towards treatment </td> </tr> <tr style='height:13pt'> <td class='ee100' style='height:13pt;'> Your Down Payment </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee106' style='height:13pt;'> <fieldset id='FS1$down' style='border:0;padding:0;'> <select name='down' id='down' class='ee108' style=' width:100% ' tabindex='4' onchange="recalc_onclick('down')" size='1' data-sheet='1' data-row='7' data-col='3'> <option data-value='n:0' selected > $ - </option> <option data-value='n:250' > $ 250</option> <option data-value='n:500' > $ 500</option> <option data-value='n:1000' > $ 1,000</option> <option data-value='n:1500' > $ 1,500</option> <option data-value='n:2000' > $ 2,000</option> <option data-value='n:2500' > $ 2,500</option> <option data-value='n:3000' > $ 3,000</option> <option data-value='n:3500' > $ 3,500</option> <option data-value='n:4000' > $ 4,000</option> <option data-value='n:4500' > $ 4,500</option> </select> </fieldset> </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee109' style='height:13pt;' colspan = '5'> Making a down payment can reduce your montly costs </td> </tr> <tr style='height:13pt'> <td class='ee100' style='height:13pt;'> Your Total Out of Pocket </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee121' style='height:13pt;'> <input id='XLEW_1_9_3' type='text' readonly='readonly' value='-' class='ee121' style='overflow:hidden; border:0px solid #000000; width:100% ' name='XLEW_1_9_3' tabindex='-1' /> </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee109' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee123' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee109' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee124' style='height:13pt;' colspan = '5'> Complete the fields below to estimate your monthly payment if you are financing your treatment. </td> </tr> <tr style='height:13pt'> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee123' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee109' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee100' style='height:13pt;'> Monthly Payment </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee126' style='height:13pt;'> <input id='XLEW_1_13_3' type='text' readonly='readonly' value='-' class='ee126' style='overflow:hidden; border:0px solid #000000; width:100% ' name='XLEW_1_13_3' tabindex='-1' /> </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee109' style='height:13pt;' colspan = '2'> Estimated monthly payment </td> <td class='ee109' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee109' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee109' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee100' style='height:13pt;'> Payment Periods </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee106' style='height:13pt;'> <fieldset id='FS1$Period' style='border:0;padding:0;'> <select name='Period' id='Period' class='ee108' style=' width:100% ' tabindex='5' onchange="recalc_onclick('Period')" size='1' data-sheet='1' data-row='15' data-col='3'> <option data-value='n:12' selected >12</option> <option data-value='n:18' >18</option> <option data-value='n:24' >24</option> </select> </fieldset> </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee109' style='height:13pt;' colspan = '3'> Choose between 12, 18 or 24 month financing </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee109' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee100' style='height:13pt;'> Est. Interest Rate </td> <td class='ee123' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee106' style='height:13pt;'> <fieldset id='FS1$interest' style='border:0;padding:0;'> <select name='interest' id='interest' class='ee108' style=' width:100% ' tabindex='6' onchange="recalc_onclick('interest')" size='1' data-sheet='1' data-row='17' data-col='3'> <option data-value='s:.00' selected >.00</option> <option data-value='s:.01' >.01</option> <option data-value='s:.02' >.02</option> <option data-value='s:.03' >.03</option> <option data-value='s:.04' >.04</option> <option data-value='s:.05' >.05</option> <option data-value='s:.06' >.06</option> <option data-value='s:.07' >.07</option> <option data-value='s:.08' >.08</option> <option data-value='s:.09' >.09</option> <option data-value='s:.10' >.10</option> </select> </fieldset> </td> <td class='ee123' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee109' style='height:13pt;' colspan = '5'> Choose your estimated interest rate (0% financing is available) </td> </tr> </table> </div> </div> </form> </body> <script type="text/javascript"> var co = new Object; function recalc_onclick(ctl) { if (true) { co['price']=eegetdropdownvalue(document.getElementsByName('price'));co['insurance']=eegetdropdownvalue(document.getElementsByName('insurance'));co['fsa']=eegetdropdownvalue(document.getElementsByName('fsa'));co['down']=eegetdropdownvalue(document.getElementsByName('down'));co['Period']=eegetdropdownvalue(document.getElementsByName('Period'));co['interest']=eegetdropdownvalue(document.getElementsByName('interest'));calc(co);if(typeof ls_ !== 'undefined'){ssc.liveshare.coUpdate(co,ctl);}document.getElementById('XLEW_1_9_3').value=eedatefmt(fmtdate1,co['XLEW_1_9_3']);document.getElementById('XLEW_1_13_3').value=eedatefmt(fmtdate1,co['XLEW_1_13_3']); };}; var arr1xC3C7=new Array(5);for(var ii=0;ii<5;ii++){arr1xC3C7[ii]=new Array(1);for(var jj=0;jj<1;jj++){arr1xC3C7[ii][jj]=0}};var eecm1=new Array(new Array(arr1xC3C7,4,0,4,0),new Array(arr1xC3C7,2,0,2,0),new Array(arr1xC3C7,0,0,0,0));function calc(data){var c1C17=data['interest'];var c1C15=data['Period'];arr1xC3C7[4][0]=data['down'];arr1xC3C7[2][0]=data['fsa'];arr1xC3C7[0][0]=data['insurance'];var c1C1=data['price'];arr1xC3C7[1][0]=(0);arr1xC3C7[3][0]=(0);var c1C9=(((c1C1)-(sumgeneral(3,0,0,eecm1))));var c1C13=(((pmt((v2n(c1C17)),(c1C15),(c1C9),(0),(0)))*(-1)));data['XLEW_1_13_3']=c1C13;data['XLEW_1_9_3']=c1C9;}; function postcode() { }; function TriggerOnchange(hiddenId) { var e = jQuery.Event('change'); $('#'+hiddenId).trigger(e); } var eeisus=1;var eetrue="TRUE";var eefalse="FALSE";var eedec=".";var eeth=",";var eedecreg=new RegExp("\\.","g");var eethreg=new RegExp(",","g");var eecurrencyreg=new RegExp("[$]","g");var eepercentreg=new RegExp("%","g"); var fmtdaynamesshort=new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat"); var fmtdaynameslong=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"); var fmtmonthnamesshort=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"); var fmtmonthnameslong=new Array("January","February","March","April","May","June","July","August","September","October","November","December"); var fmtstrings=new Array("$"); var fmtdate1=[32,25,0]; function eegetdropdownvalue(ctl) { var control = $(ctl); var tag = control.get(0).tagName; var val; if (tag == 'INPUT') { val = $('input[name=' + control.attr('name') + ']:checked').attr('data-value'); } else if( tag == 'SELECT'){ val = control.find(':selected').attr('data-value'); /* data-value contains type and value, eg. n:100 (number), b:true (bool), s:ram (string) */ } else { val = control.val(); } return (val == undefined) ? 0 : eeunpackdropdownvalue(val); } function myIsNaN(x){return(isNaN(x)||(typeof x=='number'&&!isFinite(x)));}; function mod(n,d){return n-d*Math.floor(n/d);}; function round(n,nd){if(isFinite(n)&&isFinite(nd)){var sign_n=(n<0)?-1:1;var abs_n=Math.abs(n);var factor=Math.pow(10,nd);return sign_n*Math.round(abs_n*factor)/factor;}else{return NaN;}}; function sum2(arr,rt,rb){var sum=0;for(var ii=rt;ii<=rb;ii++){sum+=arr[ii]};return sum};function sum3(arr,rt,ct,rb,cb){var sum=0;for(var ii=rt;ii<=rb;ii++){for(var jj=ct;jj<=cb;jj++){sum+=arr[ii][jj]}};return sum}; function sumgeneral(cnt,vsum,vcnt,x){var sum=vsum;for(var ii=0;ii<x.length;ii++){sum+=sum3(x[ii][0],x[ii][1],x[ii][2],x[ii][3],x[ii][4]);};return sum;}; function s2n(str){str=String(str).replace(eedecreg,".");str=str.replace(eethreg,"");str=str.replace(eecurrencyreg,"");var res=parseFloat(str);if(myIsNaN(res))res=0;if(str.search(eepercentreg)>=0)res=res/100;return res;} function v2n(v){switch(typeof v){case "number":return v;case "string":return s2n(v);case "boolean":return v?1:0;case "object":if(v.constructor==Number){return v;};if(v.constructor==String){return s2n(v);};if(v.constructor==Boolean){return v?1:0;};return Number.NaN;default:return Number.NaN;}}; var near0RegExp=new RegExp("[.](.*0000000|.*9999999)");function eedisplayFloat(x){if(myIsNaN(x)){return Number.NaN;}else{var str=String(x);if(near0RegExp.test(str)){x=round(x,8);str=String(x);}return str.replace(/\./g,eedec);}}; function eedisplayScientific(x,nd){if(myIsNaN(x)){return Number.NaN;}else{var str=String(x.toExponential(nd));return str.replace(/\./g,eedec);}}; function eedisplayFloatND(x,nd){if(myIsNaN(x)){return Number.NaN;}else{var res=round(x,nd);if(nd>0){var str=String(res);if(str.indexOf('e')!=-1)return str;if(str.indexOf('E')!=-1)return str;var parts=str.split('.');if(parts.length<2){var decimals=('00000000000000').substring(0,nd);return(parts[0]).toString()+eedec+decimals;}else{var decimals=((parts[1]).toString()+'00000000000000').substring(0,nd);return(parts[0]).toString()+eedec+decimals;}}else{return res;}}}; function eedisplayPercent(x){if(myIsNaN(x)){return Number.NaN;}else{return eedisplayFloat(x*100)+'%';}}; function eedisplayPercentND(x,nd){if(myIsNaN(x)){return Number.NaN;}else{return eedisplayFloatND(x*100,nd)+'%';}} function eedisplayFloatNDTh(x,nd){if(myIsNaN(x)){return Number.NaN;}else{var res=round(x,nd);if(nd>0){var str=String(res);if(str.indexOf('e')!=-1)return str;if(str.indexOf('E')!=-1)return str;var parts=str.split('.');var res2=eeinsertThousand(parts[0].toString());if(parts.length<2){var decimals=('00000000000000').substring(0,nd);return(res2+eedec+decimals);}else{var decimals=((parts[1]).toString()+'00000000000000').substring(0,nd);return(res2+eedec+decimals);}}else{return(eeinsertThousand(res.toString()));}}}; function eedisplayPercentNDTh(x,nd){if(myIsNaN(x)){return Number.NaN;}else{return eedisplayFloatNDTh(x*100,nd)+'%';}} function eeinsertThousand(whole){if(whole==""||whole.indexOf("e")>=0){return whole;}else{var minus_sign="";if(whole.charAt(0)=="-"){minus_sign="-";whole=whole.substring(1);};var res="";var str_length=whole.length-1;for(var ii=0;ii<=str_length;ii++){if(ii>0&&ii%3==0){res=eeth+res;};res=whole.charAt(str_length-ii)+res;};return minus_sign+res;}}; function eedatefmt(fmt,x){if(!isFinite(x))return Number.NaN;var padding=0;var tmp=0;var res="";var len=fmt.length;for(var ii=0;ii<len;ii++){if(fmt[ii]>31){res+=fmtstrings[fmt[ii]-32];}else{switch(fmt[ii]){case 2:res+=eemonth(x);break;case 3:tmp=eemonth(x);if(tmp<10){res+="0";};res+=tmp;break;case 4:res+=fmtmonthnamesshort[eemonth(x)-1];break;case 5:res+=fmtmonthnameslong[eemonth(x)-1];break;case 6:res+=eeday(x);break;case 7:tmp=eeday(x);if(tmp<10){res+="0";};res+=tmp;break;case 8:res+=fmtdaynamesshort[weekday(x,1)-1];break;case 9:res+=fmtdaynameslong[weekday(x,1)-1];break;case 10:tmp=year(x)%100;if(tmp<10){res+="0";};res+=tmp;break;case 11:res+=year(x);break;case 12:res+=hour(x);break;case 13:tmp=hour(x);if(tmp<10){res+="0";};res+=tmp;break;case 14:tmp=hour(x)%12;if(tmp==0){res+="12";}else{res+=tmp%12;};break;case 15:tmp=hour(x)%12;if(tmp==0){res+="12";}else{if(tmp<10){res+="0";};res+=tmp;};break;case 16:res+=minute(x);break;case 17:tmp=minute(x);if(tmp<10){res+="0";};res+=tmp;break;case 18:res+=second(x);break;case 19:tmp=second(x); if(tmp<10){res+="0";};res+=tmp;break;case 21:case 22:if(hour(x)<12){res+="AM";}else{res+="PM";};break;case 23:res+=eedisplayFloat(x);break;case 24:tmp=fmt[++ii];res+=eedisplayFloatND(x,tmp);break;case 25:tmp=fmt[++ii];res+=eedisplayFloatNDTh(x,tmp);break;case 26:res+=eedisplayPercent(x);break;case 27:tmp=fmt[++ii];res+=eedisplayPercentND(x,tmp);break;case 28:tmp=fmt[++ii];res+=eedisplayPercentNDTh(x,tmp);break;case 29:tmp=fmt[++ii];res+=eedisplayScientific(x,tmp);break;case 30:padding=fmt[++ii];tmp=hour(x)+Math.floor(x)*24;tmp=tmp.toString();if(tmp.length<padding){res+=('00000000000000').substring(0,padding-tmp.length);}res+=tmp;break;};};};return res;}; function eeunpackdropdownvalue(val) {if (val.length<2) return val;var typ = val.substring(0, 2);var data = val.substring(2);if (typ == 'b:') return data.toLowerCase() == 'true';if (typ == 'n:') return parseFloat(data);if (typ == 's:') return data;return val; }; function leap_gregorian(year){return((year%4)==0)&&(!(((year%100)==0)&&((year%400)!=0)));}var GREGORIAN_EPOCH=1721425;function gregorian_to_jd(year,month,day){return(GREGORIAN_EPOCH-0)+(365*(year-1))+Math.floor((year-1)/4)+(-Math.floor((year-1)/100))+Math.floor((year-1)/400)+Math.floor((((367*month)-362)/12)+((month<=2)?0:(leap_gregorian(year)?-1:-2))+day);}function jd_to_gregorian(jd){var wjd,depoch,quadricent,dqc,cent,dcent,quad,dquad,yindex,year,yearday,leapadj;wjd=Math.floor(jd);depoch=wjd-GREGORIAN_EPOCH-1;quadricent=Math.floor(depoch/146097);dqc=mod(depoch,146097);cent=Math.floor(dqc/36524);dcent=mod(dqc,36524);quad=Math.floor(dcent/1461);dquad=mod(dcent,1461);yindex=Math.floor(dquad/365);year=(quadricent*400)+(cent*100)+(quad*4)+yindex;if(!((cent==4)||(yindex==4))){year++;}yearday=wjd-gregorian_to_jd(year,1,1);leapadj=((wjd<gregorian_to_jd(year,3,1))?0:(leap_gregorian(year)?1:2));var month=Math.floor((((yearday+leapadj)*12)+373)/367);var day=(wjd-gregorian_to_jd(year,month,1))+1; return new Array(year,month,day);} function eeday(serial_number){if(!isFinite(serial_number))return Number.NaN;if(serial_number<1){return 0;}if(serial_number>60)serial_number--;var res=jd_to_gregorian(serial_number+2415020);return res[2];}; function hour(serial_number){if(!isFinite(serial_number))return Number.NaN;var res=Math.floor((serial_number-Math.floor(serial_number))*86400+0.5);return Math.floor(res/3600);} function minute(serial_number){if(!isFinite(serial_number))return Number.NaN;var res=Math.floor((serial_number-Math.floor(serial_number))*86400+0.5);return Math.floor(res/60)%60;}; function eemonth(serial_number){if(!isFinite(serial_number))return Number.NaN;if(serial_number<1){return 1;}if(serial_number>60)serial_number--;var res=jd_to_gregorian(serial_number+2415020);return res[1];}; function second(serial_number){if(!isFinite(serial_number))return Number.NaN;var res=Math.floor((serial_number-Math.floor(serial_number))*86400+0.5);return res%60;}; function weekday(serial_number,return_type){if(!isFinite(return_type)||!isFinite(serial_number))return Number.NaN;if(return_type<1||return_type>3)return Number.NaN;var res=Math.floor(serial_number+6)%7;switch(Math.floor(return_type)){case 1:return res+1;case 2:return(res+6)%7+1;case 3:return(res+6)%7;};return "hej";}; function year(serial_number){if(!isFinite(serial_number))return Number.NaN;if(serial_number<1){return 1900;}if(serial_number>60)serial_number--;var res=jd_to_gregorian(serial_number+2415020);return res[0];}; function pmt(rate,nper,pv,fv,type){if(rate==0){return-pv/nper;}else{var pvif=Math.pow(1+rate,nper);var fvifa=(Math.pow(1+rate,nper)-1)/rate;var type1=(type!=0)?1:0;return((-pv*pvif-fv)/((1+rate*type1)*fvifa));}}; function eequerystring(){ var variable,key,value,ii,querystring,variables;querystring=document.location.search; if(querystring.length>0){ variables=querystring.substring(1).split('&'); for(ii=0;ii<variables.length;ii++){ variable=variables[ii].split('='); key=unescape(variable[0]) value=unescape(variable[1]); if(document.formc[key]!=null) document.formc[key].value=value; } } } function LoadFromQueryString(){ eequerystring(); }; function navigate(e){var t=e.keyCode|e.which;if(t!=13&&t!=40&&t!=38)return;var n=$(e.target||e.srcElement);if(n.is("textarea"))return;if(n.is("select")&&(t==38||t==40))return;var r=parseInt(n.attr("data-sheet"),10);var i=parseInt(n.attr("data-row"),10);var s=parseInt(n.attr("data-col"),10);var o=false;var u=$("#sheet-"+r+"");var a='input:not(":hidden,:button,[readonly=readonly],:disabled"),select,a.ui-slider-handle,textarea';var f=i+1;var l=i-1;var c=f;var h=l;while(t==40&&f<=c||t==38&&l>=h){var p=u.find(a).filter("[data-sheet="+r+"][data-row="+(t==38?l:f)+"][data-col="+s+"]");if(p.length>0){p.focus();if(p.is("input:text, textarea"))p.select();o=true;break}else{var d;if(u.data("col"+s)==undefined){d=u.find(a).filter("[data-sheet="+r+"][data-col="+s+"]").map(function(){return parseInt($(this).attr("data-row"),10)}).toArray();u.data("col"+s,d)}else{d=u.data("col"+s)}c=d[d.length-1];h=d[0];var v="indexOf"in Array.prototype?d.indexOf(i):$.inArray(i,d);if(t==40&&i<c){f=d[v+1]}else if(t==38&&i>h){l=d[v-1]}else{break}}}if(!o){var m;if(t==38)m=parseInt(n.attr("tabindex"),10)-1;else m=parseInt(n.attr("tabindex"),10)+1;var g=u.find(a).filter("[data-sheet][data-row][data-col][tabindex="+m+"]");if(g.length>0){if(g.is(":radio"))g=g.filter(":checked");if(g.length>0){g.focus();if(g.is("input:text, textarea"))g.select()}}else{var y=u.find(a).filter("[data-sheet][data-row][data-col][tabindex]:first");y.focus();if(y.is("input:text, textarea"))y.select()}}e.preventDefault?e.preventDefault():e.returnValue=false} var ssccf1n = function(op,id,css,data1){ switch(op) { case 'image': $('#' + id).attr('src',$('#'+data1).attr('src')); break; } }; var ssccf4n = function(op,id,colors,data1,data2,data3,data4){ switch(op) { } }; </script> </html>In reply to: Ajax Portfolio Preview location
Hey Josue
Thank you for that I commented those line but the Ajax preview still opens at the top of the page. The only thing that changed by removing those lines is that the page does not scroll automatically on top. Is there any way to show the Ajax preview at the same location of te quadrant?
Alternatively I am trying to use the Ajax mode to show list of publications so that when one click on the tittle the abstract opens. Do you know any good plugin to have something similar? The only one I know is teachPress but the design is not that good.
Thanks for the help!
Topic: Full hight doesn't work
Hi Kriesi-Team,
together with your support I added the following:
#galerie .container {
width: 100% !important;
height: auto !important;
margin-top: -47px;
}Now I’m having 2 issues here:
1. Do I really have to add “margin-top: -47px;” as I would like to keep it 100% responsive without any absolute px-values.
2. In the gallery it first looks good, but as soon as I scroll down I start to see a line at the bottom of the header (I’m testing it with Chrome)In reply to: Slide show duration and tooltips
Hi trevorjohnston!
Thank you for using Enfold.
1.) You can set the Slider autorotation duration for each content slider. Edit the element then scroll below to change the autorotation value.
2.) I’m sorry but can you please provide a screenshot of what you’re trying to do?
Best regards,
IsmaelIs there a way to make the fontello icons load automatically rather than upon scrolling down? Some of my pages are not long enough to scroll and the icons in my icon lists don’t show up.
I have a single front page with a nav menu pointing to different sections on the same page. Something is applying both a
.current_page_itemand a.current-menu-itemclass to the first and fifth menu items, respectively. Enfold has the same style for both classes, so it’s showing the current page style on two different menu items.When I scroll down the page, the
.current_page_itemstays on the first menu item, and so does the ‘current’ style, while the.current-menu-itemmoves to the next (sixth) menu item, along with the style again, but no further.Is there a way to have Enfold only apply one of the ‘current’ classes (
.current-menu-itemseems to be the only one that moves with scrolling, so that one), and maybe reset Enfold’s automatic application of.current-menu-itemso that it’s applied to the correct menu item from the start?In reply to: Import Enfold Dummy Content
The dummy data doesn’t include every image used on the theme demo as Kriesi doesn’t have redistribution rights for all of them. That being said, if you wanted to load in the same exact data you could do so by first turning on the debug field for pages: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
Then on a blank page switch over to the ALB and in that new empty debug field paste in the raw shortcode data from the demo [note: you still need to change the layout settings for no sidebar and transparent header and this does not provide the actual images for use]:
[av_fullscreen size='extra_large' animation='fade' autoplay='true' interval='7' scroll_down='aviaTBscroll_down'] [av_fullscreen_slide slide_type='image' id='2553' attachment=',' position='top left' video='http://' mobile_image='' video_cover='' title='This is a page with transparent header' caption_pos='caption_left caption_left_framed caption_framed' link_apply='button' link='lightbox' link_target='' button_label='Show me' button_color='light' link1='#next-section' link_target1='' button_label2='Click me' button_color2='light' link2='http://' link_target2='' video_controls='' video_mute='' video_loop='' video_autoplay=''] Once the user scrolls down the header color will change [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='2552' attachment=',' position='top left' video='http://' mobile_image='' video_cover='' title='Another caption' caption_pos='caption_right caption_right_framed caption_framed' link_apply='button button-two' link='lightbox' link_target='' button_label='Show me' button_color='light' link1='#next-section' link_target1='' button_label2='Learn more' button_color2='light' link2='#next-section' link_target2='' video_controls='' video_mute='' video_loop='' video_autoplay=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque pe. [/av_fullscreen_slide] [/av_fullscreen] [av_one_fourth first] [av_icon_box icon='59' position='left' title='Free Support'] Aenean commodo ligula eget dolor. Lorem <strong>ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque<strong> </strong>Aenean massa. [/av_icon_box] [/av_one_fourth] [av_one_fourth] [av_icon_box icon='2' position='left' title='Mobile Ready'] Cum sociis <strong>natoque</strong>. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth] [av_one_fourth] [av_icon_box icon='125' position='left' title='Updates'] Cum sociis natoque <strong>sadfsadfas </strong>Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth] [av_one_fourth] [av_icon_box icon='36' position='left' title='SEO Optimized'] Aenean commodo ligula eget dolor. <strong>Aenean massa</strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth] [av_section color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold/files/2013/10/woman-flinging-long-hair-1500x1000.jpg' attachment='2576' attach='parallax' position='top left' repeat='no-repeat' video='' video_ratio='16:9' min_height='75' padding='default' shadow='no-shadow' id=''] [av_one_third first] [av_icon_box icon='ue806' font='entypo-fontello' position='top' title='Mobile Ready' link='' linktarget='' linkelement=''] Cum sociis <strong>natoque</strong>. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_third][av_one_third] [av_icon_box icon='ue836' font='entypo-fontello' position='top' title='SEO Optimized' link='' linktarget='' linkelement=''] Aenean commodo ligula egconsectetueret dolor sit amlor. <strong>Aenean massa</strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_third][av_one_third] [av_icon_box icon='ue842' font='entypo-fontello' position='top' title='Free Support' link='' linktarget='' linkelement=''] Aenean commodo ligula eget dolor. Lorem <strong>ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque<strong> </strong>Aenean massa. [/av_icon_box] [/av_one_third] [/av_section] [av_section color='main_color' custom_bg='' src='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' video_mobile_disabled='' min_height='' padding='default' shadow='no-shadow' id=''] [av_one_fourth first] [av_textblock] <h6>Recent News</h6> <em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em> <a href="#">View more</a> [/av_textblock] [/av_one_fourth][av_three_fourth] [av_postslider link='category,3' columns='3' items='3' contents='title' autoplay='no' interval='5'] [/av_three_fourth][av_hr class='default' height='50' position='center'] [av_one_fourth first] [av_textblock] <h6>Recent Work</h6> <em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em> <a href="#">View more</a> [/av_textblock] [/av_one_fourth][av_three_fourth] [av_postslider link='portfolio_entries' columns='3' items='3' contents='title' autoplay='no' interval='5'] [/av_three_fourth] [/av_section] [av_section color='socket_color' custom_bg='' src='http://kriesi.at/themes/enfold/files/2013/10/photodune-3581207-black-in-black-m-1500x1182.jpg' attachment='2572' attach='parallax' position='top left' repeat='stretch' video='' video_ratio='16:9' min_height='75' padding='large' shadow='no-shadow' id='portfolio'] [av_heading heading='A beautiful <strong>experience!</strong>' tag='h1' color='custom-color-heading' custom_font='#ffffff' style='blockquote modern-quote modern-centered' size='50' subheading_active='subheading_below' subheading_size='18' padding='60'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_heading] [av_one_fifth first] [av_font_icon icon='ue826' font='entypo-fontello' style='border' caption='Eye Candy' link='manually,http://kriesi.at' linktarget='' color='#ffffff' size='40px' position='center'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue856' font='entypo-fontello' style='border' caption='Tools' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center'] We have added exactly the tools you need and left out everything you don't need. Finally a multi purpose Theme that is not bloated! [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8a5' font='entypo-fontello' style='border' caption='A list' link='post,94' linktarget='' color='#ffffff' size='40px' position='center'] <ol> <li>Super nice Parallax</li> <li>Optimized for Speed</li> <li>Brilliant Template Builder</li> <li>Easy to use</li> <li>Set up in 2 minutes</li> </ol> [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8a8' font='entypo-fontello' style='border' caption='Updates' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center'] Enfold is an award winning theme that is quickly becoming one of themeforest top sellers. And for a reason! Try it yourself! [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8dd' font='entypo-fontello' style='border' caption='Rocket Science?' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center'] Far from! Probably the easiest Multipurpose theme you have ever used! [/av_font_icon] [/av_one_fifth] [/av_section]In reply to: Shortcode for home v11: transparent menu
Hi VBM!
If you have the debug field turned on for the drag and drop editor you could add this in to get a basic build of that page:
[av_fullscreen size='extra_large' animation='fade' autoplay='true' interval='7' scroll_down='aviaTBscroll_down'] [av_fullscreen_slide slide_type='image' id='2553' attachment=',' position='top left' video='http://' mobile_image='' video_cover='' title='This is a page with transparent header' caption_pos='caption_left caption_left_framed caption_framed' link_apply='button' link='lightbox' link_target='' button_label='Show me' button_color='light' link1='#next-section' link_target1='' button_label2='Click me' button_color2='light' link2='http://' link_target2='' video_controls='' video_mute='' video_loop='' video_autoplay=''] Once the user scrolls down the header color will change [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='2552' attachment=',' position='top left' video='http://' mobile_image='' video_cover='' title='Another caption' caption_pos='caption_right caption_right_framed caption_framed' link_apply='button button-two' link='lightbox' link_target='' button_label='Show me' button_color='light' link1='#next-section' link_target1='' button_label2='Learn more' button_color2='light' link2='#next-section' link_target2='' video_controls='' video_mute='' video_loop='' video_autoplay=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque pe. [/av_fullscreen_slide] [/av_fullscreen] [av_one_fourth first] [av_icon_box icon='59' position='left' title='Free Support'] Aenean commodo ligula eget dolor. Lorem <strong>ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque<strong> </strong>Aenean massa. [/av_icon_box] [/av_one_fourth] [av_one_fourth] [av_icon_box icon='2' position='left' title='Mobile Ready'] Cum sociis <strong>natoque</strong>. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth] [av_one_fourth] [av_icon_box icon='125' position='left' title='Updates'] Cum sociis natoque <strong>sadfsadfas </strong>Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth] [av_one_fourth] [av_icon_box icon='36' position='left' title='SEO Optimized'] Aenean commodo ligula eget dolor. <strong>Aenean massa</strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth] [av_section color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold/files/2013/10/woman-flinging-long-hair-1500x1000.jpg' attachment='2576' attach='parallax' position='top left' repeat='no-repeat' video='' video_ratio='16:9' min_height='75' padding='default' shadow='no-shadow' id=''] [av_one_third first] [av_icon_box icon='ue806' font='entypo-fontello' position='top' title='Mobile Ready' link='' linktarget='' linkelement=''] Cum sociis <strong>natoque</strong>. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_third][av_one_third] [av_icon_box icon='ue836' font='entypo-fontello' position='top' title='SEO Optimized' link='' linktarget='' linkelement=''] Aenean commodo ligula egconsectetueret dolor sit amlor. <strong>Aenean massa</strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_third][av_one_third] [av_icon_box icon='ue842' font='entypo-fontello' position='top' title='Free Support' link='' linktarget='' linkelement=''] Aenean commodo ligula eget dolor. Lorem <strong>ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque<strong> </strong>Aenean massa. [/av_icon_box] [/av_one_third] [/av_section] [av_section color='main_color' custom_bg='' src='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' video_mobile_disabled='' min_height='' padding='default' shadow='no-shadow' id=''] [av_one_fourth first] [av_textblock] <h6>Recent News</h6> <em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em> <a href="#">View more</a> [/av_textblock] [/av_one_fourth][av_three_fourth] [av_postslider link='category,3' columns='3' items='3' contents='title' autoplay='no' interval='5'] [/av_three_fourth][av_hr class='default' height='50' position='center'] [av_one_fourth first] [av_textblock] <h6>Recent Work</h6> <em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em> <a href="#">View more</a> [/av_textblock] [/av_one_fourth][av_three_fourth] [av_postslider link='portfolio_entries' columns='3' items='3' contents='title' autoplay='no' interval='5'] [/av_three_fourth] [/av_section] [av_section color='socket_color' custom_bg='' src='http://kriesi.at/themes/enfold/files/2013/10/photodune-3581207-black-in-black-m-1500x1182.jpg' attachment='2572' attach='parallax' position='top left' repeat='stretch' video='' video_ratio='16:9' min_height='75' padding='large' shadow='no-shadow' id='portfolio'] [av_heading heading='A beautiful <strong>experience!</strong>' tag='h1' color='custom-color-heading' custom_font='#ffffff' style='blockquote modern-quote modern-centered' size='50' subheading_active='subheading_below' subheading_size='18' padding='60'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_heading] [av_one_fifth first] [av_font_icon icon='ue826' font='entypo-fontello' style='border' caption='Eye Candy' link='manually,http://kriesi.at' linktarget='' color='#ffffff' size='40px' position='center'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue856' font='entypo-fontello' style='border' caption='Tools' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center'] We have added exactly the tools you need and left out everything you don't need. Finally a multi purpose Theme that is not bloated! [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8a5' font='entypo-fontello' style='border' caption='A list' link='post,94' linktarget='' color='#ffffff' size='40px' position='center'] <ol> <li>Super nice Parallax</li> <li>Optimized for Speed</li> <li>Brilliant Template Builder</li> <li>Easy to use</li> <li>Set up in 2 minutes</li> </ol> [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8a8' font='entypo-fontello' style='border' caption='Updates' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center'] Enfold is an award winning theme that is quickly becoming one of themeforest top sellers. And for a reason! Try it yourself! [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8dd' font='entypo-fontello' style='border' caption='Rocket Science?' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center'] Far from! Probably the easiest Multipurpose theme you have ever used! [/av_font_icon] [/av_one_fifth] [/av_section]Best regards,
DevinTopic: 3 small issues
• magazine version of the blog on the home page, is there a way we can show first few words of the story
• in the blog page, is there a way we can show 3 lines of the story instead of only one?
• for some reason only home page and “about” show the red underline when you go to the page. the rest stay blank
P.S. i have few custom CSS maybe one of them is conflicting with the menu underline
————————————————————————
img.avia-builder-el-1 { margin-top: -51px!important; width: 1210px; }#footer {
padding: 0; }.wpcf7 input[type=text] {
width:180px;
margin-bottom:5px;
font-size:11px;
}.wpcf7 textarea {
height:40px;
margin-bottom:5px;
font-size:11px;
}#top #wrap_all .av-social-link-linkedin a {
color: #fff;
background-color: #419cca;
}
#top #wrap_all .av-social-link-twitter a {
color: #fff;
background-color: #737272;
}
#top #wrap_all .av-social-link-instagram a {
color: #fff;
background-color: #737272;
}
#top #wrap_all .av-social-link-gplus a {
color: #fff;
background-color: #737272;
}
#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #737272;
}
#top #wrap_all .av-social-link-vimeo a {
color: #fff;
background-color: #737272;
}
#top #wrap_all .av-social-link-soundcloud a {
color: #fff;
background-color: #737272;
}
#top .social_bookmarks li a { width: 30px; line-height: 30px; min-height: 30px; }
#top .social_bookmarks li { width: 40px; }.html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
width: auto;
float: right;
}.avia-menu .menu li a{
border: 0 !important;
}#header_main {
border-bottom: none;
}.logo {
top: 16px;
}
.header-scrolled .logo{
top: 0;
}.tab.widget_tab_comments.tab_counter_2 {
display: none !important;
}.av-magazine-thumbnail {
display: none;
}a.slide-image {
display: none !important;
}
————————————————————————
Two questions about my (static) front page html:
Question 1. Adding alt tag to fullscreen slider image on front page
On my front page, I am using an image inside the fullscreen slider and would like to have the alt tag included. My image has an alt tag applied in the media library.
The code that is generated is:<div id='fullscreen_slider_0' class='avia-fullscreen-slider main_color avia-builder-el-0 el_before_av_textblock avia-builder-el-first container_wrap sidebar_right' ><a href='#next-section' title='' class='scroll-down-link'aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'></a><div data-size='no scaling' data-lightbox_size='large' data-animation='slide' data-ids='3733' data-video_counter='0' data-autoplay='false' data-bg_slider='true' data-slide_height='100' data-handle='av_fullscreen' data-interval='5' data-class=' ' data-css_id='fullscreen_slider_0' data-scroll_down='aviaTBscroll_down' data-custom_markup='' data-stretch='' class='avia-slideshow avia-slideshow-1 av-slider-scroll-down-active avia-slideshow-no scaling av_fullscreen avia-slide-slider ' itemscope="itemscope" itemtype="https://schema.org/ImageObject" ><ul class='avia-slideshow-inner' ><li style='background-position:center center;' data-img-url='http://WEBSITENAME.com/blog/wp-content/uploads/2014/09/sarasota-downtown-events.jpg' class=' av-single-slide slide-1 ' ><div data-rel='slideshow-1' class='avia-slide-wrap' ><div class = "caption_fullwidth caption_bottom caption_bottom_framed caption_framed"><div class = "container caption_container"><div class = "slideshow_caption"><div class = "slideshow_inner_caption"><div class = "slideshow_align_caption"><h2 class='avia-caption-title' itemprop="name" >CAPTION TEXT</h2><div class='avia-caption-content' itemprop="description" ><p>MORE TEXT<br /> </p>Lots of code, but no alt tag. Can I add it somehow?
Question 2. Using this theme, I see that I have no h1 on my front page.
I use a logo for my company name, the caption inside of the slider is an h2 and the remaining content on the front is h2 or smaller. Is there a consensus about the need for an h1 tag on the front page? I have a title which includes my business name and tagline, and my logo image has an alt tag with my business name. Is there a need to create an h1 on the front page? If so, how?Thanks for all the help you have been providing as I learn this new theme.
