Forum Replies Created
-
AuthorPosts
-
Hi!
You can use following css code to add a padding before the slider element. Make sure that no other element is used before the slider, otherwise the code won’t work
.avia-fullwidth-slider.avia-builder-el-0{
padding-top: 75px;
}I’d recommend to insert it into the quick css field.
Regards,
Peter
I get following js error:
"thisheading" is undefined - avia.js, line 753
However I can’t find this code in the latest version of Enfold (1.7.1). Please update your theme to the latest version (you can download the update from themeforest.net) and the error should be fixed too.
Can you elaborate on “when you scroll down, it cuts off the text.” – tbh I don’t notice any weird styling when I scroll down. Of course the “logo text” and the menu will disappear if you scroll down but it works as expected. If you want to show them even if the user scrolls down you must select a “fixed header” layout on the theme options page.
Hi!
Please try to flush the rewrite rules. Go to Settings > Permalinks and hit the “Save” button. Make sure that you’re using a valid permalink structure.
Best regards,
Peter
You can add the code to enfold/js/avia.js – replace
$(document).ready(function()
{with
$(document).ready(function()
{
$('#header_main strong.logo').fadeIn('slow');and insert following code into the quick css field to hide the logo:
#header_main strong.logo{ display: none; }
1) Yes, it’s not always possible to combine all elements/shortcodes with each other. There’re some limitations…
2) However afaik the notification shortcode should work with the tabs. I’d use the “shortcode generator” (magic wand icon in the TinyMCE editor field on the post editor screen) to generate the “notification” shortcode. Then copy the shortcode text and insert it into a tab element and save the content. And voila – you should have a notification box inside a tab. I made a short screencast to demonstrate the workflow: http://www.screenr.com/JsgH
3) Please don’t add the shortcode html code directly – wordpress will add paragraph tags to it because of the wpautop filter.
Do you use the “avf_slideshow_title” filter to change the title somehow? If yes please make sure that the return value is a string and not an array.
If not open up wp-contentthemesenfoldconfig-templatebuilderavia-shortcodesslideshow.php and try to replace
if(trim($title) != "") $title = "<h2 class='avia-caption-title'>".trim(apply_filters('avf_slideshow_title', $title))."</h2>";
with
if(trim($title) != "" && is_string($title)) $title = "<h2 class='avia-caption-title'>".trim(apply_filters('avf_slideshow_title', $title))."</h2>";
if(trim($title) != "" && is_array($title)) $title = "<h2 class='avia-caption-title'>".implode(",", apply_filters('avf_slideshow_title', $title))."</h2>";I can not tell you how to integrate the login form itself – the code depends on your application. However the search form code can be found in functions-enfold.php
/* AJAX SEARCH */
if(!function_exists('avia_append_search_nav'))
{
//first append search item to main menu
add_filter( 'wp_nav_menu_items', 'avia_append_search_nav', 10, 2 );
function avia_append_search_nav ( $items, $args )
{
if ($args->theme_location == 'avia')
{
global $avia_config;
ob_start();
get_search_form();
$form = htmlspecialchars(ob_get_clean()) ;
$items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" data-avia-search-tooltip="'.$form.'">'.$avia_config['font_icons']['search'].'</a></li>';
}
return $items;
}
}The first code block:
ob_start();
get_search_form();
$form = htmlspecialchars(ob_get_clean()) ;generates the form and stores it into the $form variable, the second code block
$items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" data-avia-search-tooltip="'.$form.'">'.$avia_config['font_icons']['search'].'</a></li>';
adds the search icon ($avia_config) to the main menu and adds the $form variable to the tooltip content.
July 9, 2013 at 5:49 am in reply to: Mobile issues: Easy Slider, Tabs and Acordions, Headlines #1284671) Yes, you could use a css media query to hide the caption – eg insert following code into the quick css field
@media only screen and (max-width: 1000px) {
.avia-caption {
display: none !important;
}
}You can change the max-width value if you want to include/exclude different screen resolutions. At the moment screens with a screen resolution of up to 1000px won’t display the captions.
2) I noticed that the “jump distance” depends on the content length of the tab/accordion. Probably the expanded content shifts the other content elements down and this will also cause the view port to shift down. I’ll tag this thread for Kriesi and ask him to look into it.
3) Try following css code to fix the issue:
.template-page .entry-content h1, .template-page .entry-content h2, .template-page .entry-content h3, .template-page .entry-content h4, .template-page .entry-content h5, .template-page .entry-content h6 {
word-wrap: break-word;
}4) No, unfortunately this is not easily possible. You’d break the twelve column grid layout if you change the content width or margins and you’d need to completely rewrite the columns definitions in css/grid.css.
5) Open up functions-enfold.php and delete
if($breadcrumb) $additions .= avia_breadcrumbs(array('separator' => '/', 'richsnippet' => true));
July 9, 2013 at 5:25 am in reply to: Widget areas and Sidebars not showing if used on Multisite Install #128264Hi,
I tagged this thread for Kriesi. Afaik all his demo websites run on a wordpress network/multisite installation and I’d be surprised if Enfold doesn’t work properly with an multisite environment. Please create me a wordpress admin account and send me the login data and more details about the issue to: (Email address hidden if logged out) – I’ll look into it.
Hey!
Great :)
Best regards,
Peter
The rgba value syntax seems to be correct. Try to change the color value (this converter will help you: http://hex2rgba.devoth.com/ ) or try to add a !important tag to it:
#top .page-id-2429 #av_section_1 .avia_textblock {
background: rgba(55,55,55,0.6) !important;
}The “You may also like” section displays the related posts. It will be displayed automatically if two or more posts share the same post tag(s) because posts which are tagged with the same words are “related”.
Hi!
I’ll ask Kriesi to look into it.
Best regards,
Peter
The isbn number of a product is not a valid id – please read: http://docs.woothemes.com/document/woocommerce-shortcodes/
The shortcode won’t work with eg
[product id=""ISBN 963 7483 12 8""]
If you want to use the id parameter you must use the “post id” of the product. This article will show you how to find the post id of an entry: http://codex.wordpress.org/FAQ_Working_with_WordPress#How_do_I_determine_a_Post.2C_Page.2C_Category.2C_Tag.2C_Link.2C_Link_Category.2C_or_User_ID.3F
Hi!
Can you post a link to your website please? We’ll investigate the css code and provide a custom solution.
Best regards,
Peter
We’ll include this feature in the next version. For now open up wp-contentthemesenfoldconfig-templatebuilderavia-shortcodesimage.php, delete the entire code within the file and copy/paste this code: https://gist.github.com/InoPlugs/ec2b8ea44ee1cf40ae1a into the file. Then save it and you’ll see a new option on the “element” screen.
Hi!
Please try to insert following code into the quick css field
.wolfnet_listings br{
display: none !important;
}Best regards,
Peter
I’m sorry but Enfold doesn’t modify the default wordpress rss feed and we also don’t style it. Personally I’m not aware of any themes which “hack” into the default wordpress feed – simply because it would be bad practice and it’s up to the rss reader software to display the rss feed in a neat way.
I compared the rss feeds of the 4 most popular themes and no theme adds custom styling code to the rss feed:
http://theme-fusion.com/avada/feed/
http://kriesi.at/themes/enfold/feed/
http://themenectar.com/demo/salient/feed/rss/
http://dreamthemedesign.com/themes/u-design/?feed=rss
I only found one plugin: http://wordpress.org/plugins/feed-styler/ but I doubt it works with WP3.5+ because it was released in 2007.
Hey!
Please try following css code
div.pagination br {
display: none !important;
}Best regards,
Peter
Hi,
yes – these buttons will change various settings (color settings, the layout (stretched or boxed), etc.) and Kriesi calls them “predefined” skins because these settings are predefined/”hard coded” but you can easily change them.
Hey!
Personally I didn’t test it but as long as it doesn’t break wordpress standards it should work with our theme.
Best regards,
Peter
Hi!
Open up wp-contentthemesenfoldconfig-templatebuilderavia-shortcodespostslider.php and replace
$show_meta = !is_post_type_hierarchical($entry->post_type);
with
$show_meta = false;
Regards,
Peter
Make sure all products use the “Product gallery feature”. The theme checks with
$product_gallery = get_post_meta( $id, '_product_image_gallery', true );
if a product gallery exists. If not the hover effect won’t work even if you “bypass” the “Hover effect on Overview Pages” option.
In header.php replace
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');
with
echo "<h3 class='logo'><a href='".home_url('/')."'>My website</a></h3>";
You can replace “My website” with your custom text.
Hi!
Or remove following line in wp-contentthemesenfoldconfig-woocommerceconfig.php
add_action( 'ava_main_header', 'avia_woocommerce_cart_dropdown', 10);
Best regards,
Peter
In this case you can’t use the theme option page to select the font but you need to generate a font-face kit here: http://www.fontsquirrel.com/tools/webfont-generator – then upload the generated fonts into the enfold/css/ folder and copy/paste the font-face code from the stylesheet into enfold/css/custom.css. Afterwards you should be able to use the font-face font as “font-family” value.
Hey!
You can use a media query to exclude ipads:
@media only screen and (max-width: 989px) {
#menu-item-2944 .avia-menu-fx {
display: none;
}
#menu-item-2944 {
margin-top: -8px;
}
}Regards,
Peter
Hi!
Just add a “Blog” Element to your advanced layout, then select the “single author” blog layout and on the right sidebar search for the “Select the desired Page layout” dropdown and select “No Sidebar”.
Regards,
Peter
-
AuthorPosts