-
Search Results
-
In reply to: Problem with forms
Hi Elliott,
Thanks for checking that out. Unfortunately, this is still occurring, as I just tried again from a different computer and the same issue happened.
Please try do the same change I just did:
1) open up this page in the front end: https://casateulada.com/calendar-rates/ Scroll down until you see the form and you’ll see the heading of the form saying ‘How Can We Help You?” in white. If you want fill in the form to receive a test of the autoresponder too.
2) open up the same page in the back end and simply go to the ‘extract’ window underneath the elements. Just add whatever, a dot, a comma or a number at the end of the extract description, then hit save and update the page.
3) now refresh the https://casateulada.com/calendar-rates/ page and tell me what you see when you scroll down. You should she that the form now has the header gone back to a default black ‘Send us Mail’ and all previously defined content (including the autoresponder message) has gone.
This happens on whatever computer I’m at so I suppose it’s some conflict inside the site.
I look forward to hearing your update on this as I’ve gone crazy for months trying to understand what’s going on.
Thanks,
Antonio
Hi Enfold Theme!
I require some assistance as to when…
I used color section and input avia div 2/3 + 1/3 and there’s an empty white space between the color section and footer seciton when I view the page.
Any inputs on how can I not have that empty space and that it’ll be joined with footer section?Current CSS used!
#av-overlay-wrap { background: url("http://www.mylittlestorybox.com/wp-content/uploads/2014/12/pastel-pink-background-temp.jpg") !important; } .main_color .avia_cart, .main_color form, .main_color .avia_cart, .main_color form, .main_color tr:nth-child(odd) { background-color: white; } #top .woocommerce-message{ padding:1em 1em 1em 3.5em!important; margin:0 0 2em!important; position:relative; -webkit-border-radius:0px; border-radius:0px; background:#ffffff; background-color: transparent !important; border: 0px; background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff)); background:-webkit-linear-gradient(#ffffff,#ffffff); background:-moz-linear-gradient(center top,#ffffff 0,#ffffff 100%); background:-moz-gradient(center top,#ffffff 0,#ffffff 100%); color:#000000 !important; text-shadow:0 1px 0 #fff; list-style:none outside!important;*zoom:1;width:auto; -webkit-box-shadow:inset 0 -2px 6px rgba(0,0,0,.05),inset 0 -2px 30px rgba(0,0,0,.015),inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.3);box-shadow:inset 0 -2px 6px rgba(0,0,0,.05),inset 0 -2px 30px rgba(0,0,0,.015),inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.3) } .main_color .avia_cart, .main_color form, .main_color .avia_cart, .main_color form, .main_color tr:nth-child(odd) { background-color: white !important; background-image: url("http://www.mylittlestorybox.com/wp-content/uploads/2014/12/pastel-pink-background-temp.jpg"); } .cloud-zoom-big { border:4px solid #ccc; overflow:scroll !important; } .four.units.single-product-main-image { overflow: visible !important; } ul.products li.product a img { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); display: block !important; height: auto !important; margin: 0 0 8px !important; transition: all 0.2s ease-in-out 0s !important; width: 320px !important; } .mousetrap { z-index: 99999999 !important; position: absolute; width: 387px; height: 540px; left: 0px; top: 0px; cursor: move; } . single-product #av_section_1 { height: auto !important; } .title_container { display: none !important; } .single-product-main-image.alpha { z-index: 5000; overflow: visible !important; } .single-product-main-image { overflow: visible; }Link is posted at the Private Content Section of this thread.
Help is greatly appreciated :)
Regards,
MarcusIn reply to: Wufoo Form Error
Hi!
Okay I switched Autosize to False and made the form height 450. Now there is a large gap between the submit button and the headers below. Do you have any idea of how to fix the calendars so they show fully within the form without cutting out or forcing the scroll bar to appear?
Thanks!
In reply to: How do you put a caption below an image?
Hey dawsmik!
Try adding this to your custom CSS.
.av-image-caption-overlay { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; bottom: -20px !important; color: black !important; height: auto !important; left: 50% !important; transform: translate(-50%) !important; width: auto !important; }Cheers!
ElliottHi i’m really struggling trying to get the Open Graph working on Facebook.
I’m having a similar problem just as the topic here suggested:
https://kriesi.at/support/topic/opengraph-meta-not-being-added-correctly-from-the-yoast-seo-into-enfold/My website url is: http://www.tesafesa.nl
When I paste the url in Facebook I get as the description: [av_fullscreen size='extra_large' animation='slide' autoplay='false' interval='5' control_layout=''] [av_fullscreen_slide id='10'][/av_fullscreen_slide] [/av_fullscreen] [av_section color=’main_color’ custom_bg=” src=” attachment=” attachment_size=” attach=’scroll’ position=’top left’ repeat=’no…
I also changed the function.php just as the topic here suggested:
https://kriesi.at/support/topic/opengraph-sharing-problem-meta-not-added/Also not working :(
I’m using Yoast WordPress SEO and I changed the settings on the frontpage just as suggested in the first topic. The frontpage is set in the Enfold settings and under WordPress settings reading.
What can I do to get the title, description and image right?
In reply to: Boxed Layout Shadow
In reply to: Left sidebar tweaks
Hi Joe!
To do this you’ll need to have your header set to scroll and not sticky. Otherwise your menu will not be viewable on smaller screens.
Add this to your custom CSS.
.sub-menu { left: auto !important; opacity: 1 !important; position: relative !important; top: auto !important; visibility: visible !important; } .main_menu a { border: 0px !important; }Best regards,
ElliottHey guys,
I just noticed that the avatar/author image I used to have for my blogposts disappeared after installing a plugin called Social Media 2 WordPress for Google+, whose task is to Import your Google+ Posts to your WordPress Blog to populate it automatically.
You can view what I’m talking about here:
https://casateulada.com/activities/ (scroll down the page below the first full screen image to view the default Enfold author image)
I deactivated the plugin, emptied the browser cache and reload the page but the author image doesn’t get back.
Any clue on how to fix that?
Thanks!
Topic: autoscrolling to iframe
My webpage (fabriccoveredshutters.co.uk) auto-scrolls to its calculator section ( it’s in an iframe ). Also, if you hit “enter” after imputing data in the calculator it scrolls up within the section and cannot be bought back down. Help needed! Thanks in advance.
Hi Yigit / guys, I am very sorry to see that without changing any code a problem has returned to my website that I thought we’d fixed here –
https://kriesi.at/support/topic/fix-the-bread-crumb-bar-part-2/If you look at page – http://catenais.co.uk/wordpress/products/ and scroll down, a huge gap appears between the breadcrumb bar and the menu (title bar). This occurred before (see part 2 ) but was fixed, and now it has returned? Not sure why to be fair.
This is a ll of my custom CSS –
/* nav.main_menu {
background-image: url(http://catenais.co.uk/wordpress/wp-content/uploads/2014/09/quality-marks.jpg);
background-size: auto 60px;
background-repeat: no-repeat;
background-position: 50% 0;
}
.main_menu ul:first-child > li a {
line-height: 85px;
}
*/
h5 { color: #fe0000; }
.my-custom-image {
float: right;
max-height: 100px;
}
.my-custom-image img {
height: 60px;
margin-right: 70px;
}
.header-scrolled .my-custom-image img {
height: 35px;
}
.av-main-nav > li > a > .avia-menu-text {
position: relative;
top: 20px;
}.widget_nav_menu ul:first-child>.current-menu-item, .widget_nav_menu ul:first-child>.current_page_item, .widget_nav_menu ul:first-child>.current-menu-ancestor {
padding-left: 0;
left: 0;
box-shadow: none;
background-color: white!important; }.header-scrolled + #main .stretch_full.title_container {
position: fixed;
top: 91px;
z-index: 1000;
width: 100%;
}.header-scrolled + #main .stretch_full.title_container .container {
width: 1130px;
}.title_container { background-color:#d60000!important; }
#top .alternate_color.title_container .main-title a { color: white; }.breadcrumb-trail * { color: white!important; }
/*https://www.youtube.com/watch?v=eQ8sr7WgpxE*/
.avia-msie .header-scrolled + #main .title_container.stretch_full {
top: 60px;
}.margintop {
margin-top: 20px; }In reply to: Need New Tab External Link in Portfolio Grid
Ismael,
Super confused are where to find this code, where is config-templatebuilder > avia-shortcodes > portfolio.php?
I went here and couldn’t find it /wp-admin/theme-editor.php?file=template-builder.php&theme=enfold
Should I be looking somewhere else?1). Would be great if under the link settings for a Portfolio item there was a drop down to define where to open the link (self, light box, new tab) after setting a manual link.
2). Is there any way to create CryOut Columns? A number of free themes like Tempera have this option and like looks super slick and is easy to use, plus you can define link location super easy or have the most recent post automatically show up in a spot. Here is an example if you scroll down the sample page I created here http://bowlerbash.com/
Hey!
Try adding this as well.
.av-special-heading-tag { background: none repeat scroll 0 0 white !important; left: 50% !important; position: relative; transform: translate(-50%); z-index: 100; display: inline-block !important; float: none !important; margin: 0 auto !important; padding: 10px !important; width: auto !important; }Cheers!
ElliottHi Enfold Team,
The cloud zoom is hiding under the description area.
Help would be greatly appreciated.
Regards,
KayzelPrivate content link is as provided below.
CSS Codes utilized:
#av-overlay-wrap { background: url("http://www.mylittlestorybox.com/wp-content/uploads/2014/12/pastel-pink-background-temp.jpg") !important; } .main_color .avia_cart, .main_color form, .main_color .avia_cart, .main_color form, .main_color tr:nth-child(odd) { background-color: white; } #top .woocommerce-message{ padding:1em 1em 1em 3.5em!important; margin:0 0 2em!important; position:relative; -webkit-border-radius:0px; border-radius:0px; background:#ffffff; background-color: transparent !important; border: 0px; background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff)); background:-webkit-linear-gradient(#ffffff,#ffffff); background:-moz-linear-gradient(center top,#ffffff 0,#ffffff 100%); background:-moz-gradient(center top,#ffffff 0,#ffffff 100%); color:#000000 !important; text-shadow:0 1px 0 #fff; list-style:none outside!important;*zoom:1;width:auto; -webkit-box-shadow:inset 0 -2px 6px rgba(0,0,0,.05),inset 0 -2px 30px rgba(0,0,0,.015),inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.3);box-shadow:inset 0 -2px 6px rgba(0,0,0,.05),inset 0 -2px 30px rgba(0,0,0,.015),inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.3) } .main_color .avia_cart, .main_color form, .main_color .avia_cart, .main_color form, .main_color tr:nth-child(odd) { background-color: white !important; background-image: url("http://www.mylittlestorybox.com/wp-content/uploads/2014/12/pastel-pink-background-temp.jpg"); } .cloud-zoom-big { border:4px solid #ccc; overflow:scroll !important; z-index: 99999999 !important; } .four.units.single-product-main-image { overflow: visible !important; } . single-product #av_section_1 { height: auto !important; } .title_container { display: none !important; }Here is my website : http://www.warriorstronghold.com/
There should be a fullwidth slider at the very top, it even exists in the HTML source code:
<div id=”full_slider_1″ class=”avia-fullwidth-slider main_color avia-shadow avia-builder-el-0 el_before_av_heading avia-builder-el-first container_wrap sidebar_right”><div data-size=”featured_large” data-lightbox_size=”large” data-animation=”slide” data-ids=”’3475′,’3476′,’3477′,’3498′” data-video_counter=”0″ data-autoplay=”true” data-bg_slider=”false” data-slide_height=”” data-handle=”av_slideshow_full” data-interval=”9″ data-class=” ” data-css_id=”” data-scroll_down=”” data-control_layout=”av-control-default” data-custom_markup=”” data-perma_caption=”” data-src=”” data-position=”top left” data-repeat=”no-repeat” data-attach=”scroll” data-stretch=”” data-default-height=”42″ class=”avia-slideshow avia-slideshow-1 av-control-default avia-slideshow-featured_large av_slideshow_full avia-slide-slider ” itemscope=”itemscope” itemtype=”https://schema.org/ImageObject”><ul class=”avia-slideshow-inner” style=”padding: 0px; height: 0px;”></div></div>For some reason, it is not showing up. It showed up before, but one day it disappeared. I tried updating enfold; using CSS to try and not make it “display:none” (in case it might be for some reason).
Can someone advice me on what I should do?
Thanks
KennethIn reply to: Testimonials in one column on tablet portrait view
In reply to: changes css for the menu with new header size
Hey!
please remove this code from your CSS:
.header-scrolled #avia-menu li a { line-height: 50px !important; } #avia-menu li a { line-height: 330px !important; }After removing it should be automatically replaced by this code:
#top .av-main-nav ul a { line-height: 23px; }Regards,
AndyIn reply to: DesignInspiration Style Layout on Homepage
All i know of is this: http://kriesi.at/themes/enfold/shortcodes/masonry-gallery/
dont know if you can make it to auto load when scrolling down.
In reply to: Home v11
Hi superbikecoach!
That’s the “Fullscreen Slider” element which is in the “Media Elements” tab of your advanced layout builder. You can set the captions as you edit each slide and there is an option for adding the scroll to next button.
The “Scroll to Top” button should display automatically on your page when the user scrolls down a bit on your site. If your not seeing it then send us a link and we’ll take a look.
Cheers!
ElliottHi Enfold,
Previously I was having issues with Full width Google Maps. There was vertical scrolling despite it not being needed. I have inserted the code below to disable the vertical scrolling. However, that resulted in unequal padding for the address. Could you help me with this issue? Thanks!
.gm-style-iw {
height: auto !important;
} /* For google maps vertical scrolling bar */Hi, this seems to be more of an issue with Chrome, since it’s being displayed perfectly on firefox and IE. But what happens is on chrome, the width of the columns is not even, this leads to some of my buttons looking different to the others (eg. Some of the buttons shows up as two rows of text while some are just one row of text). I’ve tried making the table ‘scrollable’ or ‘automatically fit screen’ but it still shows up unevenly on chrome. Any ideas is appreciated.
Hi guys,
I’d like to display the logo (in my case the subtext) when the responsive menu is open. Please see screenshot:
I tried using a z-index but maybe I’m stupid. Also, I’ve noticed that when the menu toggle is clicked on, the page will be automatically scrolled to top. How can I prevent this?
In reply to: Enfold Photography demo – front page won't scroll
Hi Ismael,
Thanks for that. It looks fine in Safari and FF on the Mac where the scroll bar fades out when not in use, but very clunky in Windows IE.
Inspired by your example I modified my code to:
#wrap_all {
overflow: auto;
}Which seems to be the best compromise all round.
In reply to: Enfold Photography demo – front page won't scroll
Hey!
You can add a scroll bar on the sidebar menu but it won’t look that good:
.html_header_left #top #header { overflow: auto; }Or decrease the menu padding and font size. The left sidebar header works well when content is taller than the side header.
Regards,
IsmaelIn reply to: Padding issue w/ logo and Heading
The min-height is only there to fix most of the pages. Any page that has shorter content doesn’t need that 3000px and then makes the page scroll when it doesn’t need to be. Is there a better way to make the column/sidebar automatically take on whatever height the content container is?
In reply to: Organizing Portfolio items
i have set up the portfolio on my home screen, it has the option if i want pagination or not. Is there a way i could make it scroll automatically without clicking on the pagination pages to display next set of items?
Hi,
I mean what a told at first message: “How can I define “the point of page scroll” where I want the video background in a color section to autoplay?”
I don´t want the viewer to press “play”, just the video start at a certain point of the scroll when it is already at the viewport.
I have managed to do this with javascript an waypoints, so it is solved.
Thanks.
OSCAR
Hi!
How exactly are you using your video? A link to your website would be useful. As fullwidth slider? If yes click to edit the fullwidth slider->click on the video to edit it->scroll down to “disable Autoplay”
Or a normal video inside of a color section?Best regards,
AndyTopic: Add music to the front page
Hello,
I need to have music playing in the background on the front page where the full screen slider is.
Woudl you be able to mpoint me in the right direction as to achieve the following:
1. add background music
2. add background music with the player (play/stop button) visible
3. add background music that will stop automatically once the page is scrolled downkind regards,
PeterIn reply to: Sticky Masonry Menu
