Hi, is there any way to set a grid row to be 80% of the screen height on desktops? We want to use a rev slider in a grid row at the top of the homepage, but we dont want it to be full screen, we want to be able to see part of the next slide underneath. On tablets and mobiles however it should not be 80% it should be normal ratio. Many Thanks.
Ok that is great, I change the CSS to
img.ls-bg.ls-preloaded {
margin-left: 0 !important;
margin-top: 0 !important;
width: 100% !important;
height: auto !important;
}
Since my images are resized to 1600×470 and the current slider is 1600×360.
But the strange thing is (and this happens with height: 100% as well) is that the image disappears after 4 seconds?
It’s a slider with only 1 slide right now.
Any idea what is causing this?
Hi!
Please add following code to Functions.php file in Appearance > Editor
function my_custom_image_size(){
?>
<script>
jQuery(window).load(function(){
jQuery('img.ls-bg.ls-preloaded').each(function(){
jQuery(this).attr('src', jQuery(this).attr('src').replace(/\.jpg/, '-1600×470.jpg'));
});
});
</script>
<?php
}
add_action('wp_footer', 'my_custom_image_size');
and then add following code to Quick CSS in Enfold theme options under General Styling tab
img.ls-bg.ls-preloaded {
margin-left: 0!important;
margin-top: 0!important;
width: 100%!important;
height: 100%!important;
}
Cheers!
Yigit
I think I found out the problem… but still no solution :)
Turned off all plugins – no luck
Updated theme – update overridden solution to previous question I asked, but clicking the link did open the accordion and scroll to its content. After changing that line of code, tooltips still didn’t show so I searched and came up with this topic. When I changed those 2 lines of code – tooltips started working, but clicking the link stopped toggling the accordion open and scrolling to content.
Is it possible to have both? :)
Hi!
Please add following code to Quick CSS
#header .widget {
position: absolute;
top: -75px;
}
Regards,
Yigit
Thanks Josue
I didn’t find that line in avia.js but I did find it in shortcodes.js. I changed it there but this stopped all AJAX previews from working, just links to portfolio item.
Ok let’s do the second, change the code to:
#top.single-post .title_container{
display: none;
}
Howdy guys,
i was having the exact same problem and just wanted to share my “hack” for this.
I just took the avia icon element, put it into the section, gave it a name and copied the css of the scroll down arrow (just the lines you need).
Looks like this:
#top .your-custom-id {
animation:avia_fade_move_down 2s ease-in-out infinite;
height:60px;
left:50%;
line-height:60px;
margin:0 0 0 -40px;
position:absolute;
text-align:center;
text-decoration:none;
text-shadow:rgba(0, 0, 0, 0.4) 0 0 3px;
width:80px;
z-index:100};
Maybe it helps you!
Cheers.
Hey!
Try adding this code to the Quick CSS:
#top.page .title_container{
display: none;
}
Cheers!
Josue
I’ve done by myself JOSUE…. i tried and i did it
thanks you so much again
you are top level :-)
JOSUE…. TOP
YOU HAVE SOLVED MY ISSUE. THAT’S IT. IT WAS EXACTLY WHAT I WANTED.
THANK YOU VERY MUCH
P.S. HOW CAN I PUT IT AT THE SAME LEVEL AS THE OTHER TWO?
Hey!
Try adding this code to the Quick CSS:
#footer .flex_column.first .widgettitle {
position: relative;
left: 110px;
top: -10px;
}
#footer .widget {
overflow: visible;
}
Cheers!
Josue
Use the following:
#top .inner_sort_button span {
color: red;
font-size: 22px;
letter-spacing: 2px;
}
Modify as needed.
Hi –
I have a header video that about half of the time loads very small at the top center of the screen. Has anyone else encountered this problem?
Hi there, I just noticed my tag search pages are missing a title to show what tag is being shown
http://www.theburningear.com/tag/los-angeles/
You can see it says “Posts” at the top, but not “Los Angeles posts” as it should to be clear. How can I add/edit this headline for tag pages? I’d like to make it big bold and clear that tag pages are for posts with that tag.
Thank you!
Brandon
Hi,
Open footer.php and look for line:
<a href='#top' title='<?php _e('Scroll to top','avia_framework'); ?>' id='scroll-top-link' <?php echo av_icon_string( 'scrolltop' ); ?>><span class="avia_hidden_link_text"><?php _e('Scroll to top','avia_framework'); ?></span></a>
Replace it by this:
<a href='#top' title='<?php _e('Scroll to top','avia_framework'); ?>' id='scroll-top-link' <?php echo av_icon_string( 'scrolltop' ); ?>><span class="avia_hidden_link_text"><?php _e('Scroll to top','avia_framework'); ?></span></a>
<a href='#socket' title='<?php _e('Scroll to bottom','avia_framework'); ?>' id='scroll-top-link' class='to-bottom' <?php echo av_icon_string( 'scrolldown' ); ?>><span class="avia_hidden_link_text"><?php _e('Scroll to botto','avia_framework'); ?></span></a>
And add this to Quick CSS:
#top .to-bottom {
left: 50px;
opacity: 1;
visibility: visible;
}
Regards,
Josue
In the meantime, I think I am almost there! But what I want is a mirror image of the one at the bottom of the page that goes to the top. That all I need help with – location and appearance. Right now, the thing on the upper left does take you down, it just isn’t the same as the bottom thing.
So many thanks to you guys, you are all very helpful!
This line does exactly that:
window.scrollTo(0, open.offset().top - 160);
– open.offset().top refers the current toggle open
– 160 is the height of the header which could vary depending on the site
Can you post a link to the page where you’re trying this?
Hey!
Try adding this at the very end of your theme / child theme functions.php file:
add_action('ava_after_main_title', function() {
if(is_search() || is_singular('product')) {
?>
<div id="sub_menu1" class="av-submenu-container alternate_color avia-builder-el-0 el_before_av_slideshow_full avia-builder-el-first container_wrap fullsize" style="z-index: 301; width: 1100px;"><div class="container av-menu-mobile-disabled "><ul id="menu-2nd-menu" class="av-subnav-menu av-submenu-pos-center"><li id="menu-item-1078" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-1"><a href="http://harmony.naomialdort.com/guidance/events/"><span class="avia-bullet"></span><span class="avia-menu-text">Events</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
<li id="menu-item-43" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-2"><a href="http://harmony.naomialdort.com/articles/"><span class="avia-bullet"></span><span class="avia-menu-text">Articles</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
<li id="menu-item-41" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-3"><a href="http://harmony.naomialdort.com/videos/"><span class="avia-bullet"></span><span class="avia-menu-text">Videos</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
<li id="menu-item-39" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-4"><a href="http://harmony.naomialdort.com/book/"><span class="avia-bullet"></span><span class="avia-menu-text">Book</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
<li id="menu-item-38" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-5"><a href="http://harmony.naomialdort.com/biography/"><span class="avia-bullet"></span><span class="avia-menu-text">Biography</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
<li id="menu-item-944" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-6"><a href="http://harmony.naomialdort.com/listen-now-mp3s/"><span class="avia-bullet"></span><span class="avia-menu-text">Listen Now MP3s</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
<li id="menu-item-943" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-7"><a href="http://harmony.naomialdort.com/cdsdvds/"><span class="avia-bullet"></span><span class="avia-menu-text">CDs/DVDs</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
<li id="menu-item-36" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-8"><a href="http://harmony.naomialdort.com/testimonials/"><span class="avia-bullet"></span><span class="avia-menu-text">Testimonials</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
<li id="menu-item-46" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-top-level menu-item-top-level-9"><a href="http://naomialdort.com/discussion.html"><span class="avia-bullet"></span><span class="avia-menu-text">Forum</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
<li id="menu-item-792" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-10"><a href="http://harmony.naomialdort.com/contact/"><span class="avia-bullet"></span><span class="avia-menu-text">Contact</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
</ul></div></div>
<?php
}
});
Cheers!
Josue
Hey!
Try adding this code to the Quick CSS:
#top .av-form-error-container {
color: white;
border-color: white;
}
Cheers!
Josue
Hey!
Try adding this code to the Quick CSS:
.sidebar .widget_nav_menu .current_page_ancestor{
padding-left: 51px;
left: -51px;
top:1px;
margin-top: -1px;
padding-top:1px;
width:100%;
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
margin-bottom: 4px;
background: #fcfcfc;
}
Cheers!
Josue
Hey!
you can do this: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
and then build an element using ALB which you hide on desktop and show on mobile only, where you can show captions in question.
Best regards,
Andy
Hi!
Please add following code to Quick CSS
#top .avia-smallarrow-slider-heading { display: none !important; }
Best regards,
Yigit
More to add, I finally found the code in the footer and copied it to the top and changed the reference from top to bottom but I think the icon is wrong? and it doesn’t do anything. Not sure what I am doing in this area, with other issues I’ve reached out about, I’ve at least felt semi-grounded. Here I am lost because I don’t see a composer or anything so I don’t know how that code was generated, or where. In the page design, I don’t see it, etc, and there’s nothing about this in the Footer info in Theme Options.
I wish the designer hadn’t of quit because that sort of stuff is beyond me! I was hoping there was some code snippet I could use. I can’t even figure out where the “to top of page” and the next post/previous post controls are configured?
Can you take a look? I’d love to get this feature back in as my designer is no longer with us and I thought folks were crazy with a “down arrow” control like the to top arrow.
Hey!
try this code instead:
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#top #header .avia_mega_div {
top: 80px;
}}
Cheers!
Andy
Hi getmechamot!
You can add Color Section element to the top of your page and choose to display “next section” button on it. You can do the same on Fullscreen slider as well as you can see here – http://kriesi.at/themes/enfold/homepage/transparent-header/
Cheers!
Yigit
Our users love the scroll-top button at the bottom, and in the first days of the launch of this theme, they claim there was a scroll-bottom button at the top of the page to allow them to jump down to the bottom (to be able to comment immediately). Did we somehow disable it? And if not ,what can I do to add that to the theme so it appears on all pages.
Hello,
is there an option to display a certain product (with a buy button) on an overview page….
Let*s say: homepage A with several topics. One of those topics speaks about Pizza. Next to this text I would like to “embed” my “Pizza Salami 10 €” with Picture / text and a “Product Purchase Button / BUY” button.
cya
max