-
Search Results
-
I have a video link in the section background of a color layout section. This video is 13 seconds long and 4.7 MB and resides on my server and plays well on desktop . On mobile devices/IPhone 6,the video does not play
I reviewed a few posts on how to hide the sticky menu, hide logo on desktop, hide logo on mobile and hiding the shopping cart. After applying the, in Enfold > General styling > Custom CSS , I noticed some discrepancies as below.
1. When viewing this on mobile, there is a white background at the top where the menu is and this is blocking the first section
2. When viewing this on a desktop and you scroll hard or fast going up, you will see this same white strip but then it disappears shortly after the scroll stopsI have included my custom css and site link
Topic: Center Horizontal Icon List
Hi Guys,
First I want to say I love your theme so much…its the only theme I use and a big part of that is your great support. I recommend this theme to everyone!
I wanted to create a horizontal icon list and I found out how on this thread: https://kriesi.at/support/topic/horizontal-icons-list/
The only thing I need to know now is how do I center the horizontal icon list on the screen. The link above shows how to float the list left.
Thanks ahead of time for your help, and keep up the good work!
Dave
Hi guys,
I’m refering to post and solution https://kriesi.at/support/topic/masonry-title-from-h3-to-h2/#post-602533.
It does optically exactly what I need. But I do not want to mess in the av_helper-masonry.php of the parent theme.
So my question is: How can I control this from the function.php of the child theme.Thanks for your support!
TI had a client who wanted infinite scroll for the articles on their site. Found a few posts related to Enfold and infinite scroll but nothing that was a concrete answer for what I wanted to do — using the Avia Template Builder I created a section page (it’s for a magazine) that has a blog posts content block at the bottom. I wanted that block to scroll. Turned out to be fairly simple to implement, posting this here in case it helps others.
In your child theme’s — you are using one, right ;) — functions.php file add the following:
/** * Add infinite scroll to section pages like Eat / Drink * Uses https://github.com/pklauzinski/jscroll */ add_action( 'wp_enqueue_scripts', 'load_jscroll' ); function load_jscroll(){ wp_enqueue_script('jscroll', get_stylesheet_directory_uri().'/js/jquery.jscroll.min.js', array( 'jquery') ); } function infinite_scroll() { global $avia_config; echo '<script type="text/javascript"> jQuery( ".content" ).jscroll( { nextSelector: "span.current + a", contentSelector: ".article-grid", autoTrigger: true } ) </script>'; } add_action( 'wp_footer', 'infinite_scroll' );On your page insert your blog posts element with pagination enabled. I gave mine a custom CSS class of article-grid to make it easy to target that portion of the page. In the code above you see the contentSelector parameter — that’s an optional parameter that lets you select only a portion of a page to be appended by infinite scroll. Since my page has lots of items at the top that I don’t want being reloaded as I scroll I use the custom css class to only grab the next batch of articles.
When you get to the last batch of articles you would normally see the pagination, which I didn’t want. A quick css rule takes care of that:
/** hide navigation since we're using jQuery infinite scroll */ nav.pagination{ display:none; }This is a pretty bare bones example. I’m using infinite scroll everywhere so I didn’t limit this to specific pages or content types (which you could easily do by wrapping the infinite_scroll() function in some conditional checks. Ex: is_frontpage() if you only wanted this to apply to the homepage of your site.
You can grab the js file here: github link as well as see the other options available to you.
Hopefully that helps someone else get going. Works perfectly for our needs.
Hi, I am wondering how I can put the social sharing buttons on the bottom of any page of my website? I tried to use a code that I found while researching the topic on the forums, but it doesn’t work when I use it in the advanced layout editor. Thanks
add_action(‘ava_after_content’, ‘avia_add_social_toolbars’, 10, 2);
function avia_add_social_toolbars($id = “”, $context = “”)
{
if($context == “page” || $context == “single-portfolio” || $context == “product”)
avia_social_share_links();}
add_filter(‘avf_template_builder_content’, ‘avia_add_social_toolbar_template_builder’, 10, 1);
function avia_add_social_toolbar_template_builder($content = “”)
{
$content .= ‘<div id=”custom_share_box” class=”avia-section main_color container_wrap”><div class=”container”>’;
$content .= avia_social_share_links(array(), ”, ”, false);
$content .= ‘</div>’;
return $content;
}Hey guys,
To have the menu centered, I started with [Logo center, menu below], then moved the logo to the left and the menu up so that they align on one line. I need some assistance with:
1) The header area still has the size of the original content, a gap below the logo and menu. I’d like the container size to adjust to their height of about 50px.
2) The top bar has some white border lines below and in between the menuitems (only where the header is transparent). Id like to have them removed.
Thanks!
Hi guys.
I installed CF7. I’d like to show a popup including a CF7 form.
Until I use a text link in order to open that popup, everything is fine.
I followed this guide.
But… i’d like to use a call-to-action button in order to open a modal/popup contact form.
I tried this, but unsuccessfully though…<div id="test-popup" class="white-popup mfp-hide"> [contact-form-7 id="5187" title="Modulo di contatto 1"]</div> <a class="open-popup-link" href="#test-popup">[av_button label='Cliccami' link_target='#' size='medium' position='left' icon_select='yes' icon='ue81e' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']</a>When clicking on the button, it reloads the page. :(
How can I fix this?I’m testing out adding the Tabs element to a page here.
I want to make the tab_title element into an <h2> so I have this as my Tab Title in the Edit Form Element – <h2>Tab 1</h2> – and I get a tab title as an h2.
Question – is this the way to do this, or is there a better way? Because…
Problem: Something is adding <br></br> just before the title and a <p></p> after (although this is not active), which does not happen if I just add a word as the title – how can I stop this code being added, because it increases the height of the tab_titles element, which I don’t want. Note Tab3 does not have an <hx> added and it is normal height.
Hi, I would like to customise the top secondary navigation menu where the login / logout and social links appear.
I would like to remove the login / logout link and replace this with 4 custom links that link to a page within the websiite.
Could you tell me the best way to achieve this or what files I should modify?
Thank you.
Tommy
Viewing 30 results - 91,021 through 91,050 (of 142,828 total)
