-
Search Results
-
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
Hi!
You can try this:
.header-scrolled + div div div .av-masonry-sort.main_color.av-sort-yes { margin: 0; position: fixed; top: 90px; z-index: 900; margin: 0 auto; max-width: 1500px; padding: 20px 50px; width: 1364px; }Regards,
IsmaelThanks 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?
