Forum Replies Created
-
Posts
-
Hi!
Yes – you can use css to style it
<span style="text-decoration: line-through;">20$</span>Best regards,
Peter
I marked this thread for Devin – he can test websites on a Mac/IPad. position:fixed is not supported on all mobile devices ( http://stackoverflow.com/questions/4889601/css-position-fixed-into-ipad-iphone ) and if you want a consistent design on all devices I’d recommend to use a “scrolling” background instead.
Hi,
open up header.php and add following code before the closing head tag (</head>).
<!--[if lt IE 9]>
<style>
.logo a{
max-height: 100% !important;
}
.logo a img{
height: 150px;
}
body .avia-button.avia-color-theme-color, body .avia-button.avia-color-theme-color:hover {
background: #a6ce39;
}
</style>
<![endif]-->The button styling won’t be similar to Firefox/Chrome, etc. because IE8 does not support CSS3 attributes but at least the text should be readable.
You can use the avf_google_heading_font and avf_google_content_font filter to add a new font weight. Insert following code at the bottom of functions.php:
add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Source Sans Pro'] = 'Source Sans Pro:400,600,800';
return $fonts;
}
add_filter( 'avf_google_content_font', 'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Source Sans Pro'] = 'Source Sans Pro:400,600,800';
return $fonts;
}and then select the font from the dropdown. You can also add/remove the font weights by changing the 400,600,800 values.
The placement of the dropdowns is calculated based on the menu item position and the width of the dropdown itself (number of columns, etc.). At the moment there’s no way to change the placement without breaking the responsive design and the mega menu function which calculates the position.
Hi!
I’ll close this thread now. If the problem still exists with 1.7 please open up a new thread.
Best regards,
Peter
You can use the page id class if you just want to change the textblock styling on certain pages:
.page-id-2214 .el_after_av_one_half {
background-color: #f9f7f7;
height: 335px;
}
.page-id-2214 div .av_one_half {margin-left:1%; width:49%;}
.page-id-2214 .avia_textblock {
padding:20px}However I’m not aware of an easy solution for the images because if the width of the images shrinks the browser will also shrink the height of the images. Of course you could hardcode the height with:
.page-id-2214 .el_after_av_one_half img.avia_image {
height: 335px;
}but then the images will be distorted on smaller screens. On the other hand you can’t change the column height (eg reduce it on smaller screens) because then you don’t have enough space for the text content.
Hey!
1) Yes, there’s a small bug in 1.5 and we released a hotfix with 1.5.1.
2) I can reproduce the issue – I sent Kriesi a mail and asked him to look into it.
Regards,
Peter
Actually the avia_backend_truncate() will truncate the text content. You can change the length with the custom_excerpt_length filter – add following code to functions.php and change the change the value if required:
add_filter('custom_excerpt_length','avia_change_excerpt_length');
function avia_change_excerpt_length()
{
return 30;
}Hi!
Yes – just duplicate the avia_title function into the child theme functions.php – it will overwrite the default avia_title() function.
Best regards,
Peter
1) I’m not sure if WPML allows you to add the language links to the main menu. Probably it’s possible by using the wp_nav_menu_items filter somehow but I’d contact the WPML devs. Our theme just supports a modified version of the language switcher out of the box.
2+3) Insert following code into the child theme functions.php
function avia_wpml_language_switch()
{
$languages = icl_get_languages('skip_missing=0&orderby=custom');
$output = "";
if(is_array($languages))
{
$output .= "<ul class='avia_wpml_language_switch'>";
foreach($languages as $lang)
{
$currentlang = (ICL_LANGUAGE_CODE == $lang['language_code']) ? 'avia_current_lang' : '';
$output .= "<li class='language_".$lang['language_code']."'><a href='".$lang['url']."'>";
$output .= " <span class='language_flag'>".$lang['native_name']."</span>";
$output .= " <span class='language_native'>".$lang['native_name']."</span>";
$output .= " <span class='language_translated'>".$lang['translated_name']."</span>";
$output .= " <span class='language_code'>".$lang['language_code']."</span>";
$output .= "</a></li>";
}
$output .= "</ul>";
}
echo $output;
}You can then use the avia_current_lang class to hide the flag:
li.avia_current_lang{
display: none !important;
}Hey!
I’d update the theme via ftp. See https://vimeo.com/channels/aviathemes/67209750
Best regards,
Peter
Yes exactly – you can show the ajax preview content on the portfolio grid page. If you link to a new page the preview content won’t be displayed but the user will see the full (single entry) content on a new page.
Open up enfold/js/shortcode.js and search for this code around line 205:
//trigger displaying of thumbnails
gallery.on('avia_start_animation', function()
{
images.each(function(i)
{
var image = $(this);
setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
});
});
change it to:
//trigger displaying of thumbnails
gallery.on('avia_start_animation', function()
{
images.each(function(i)
{
var image = $(this);
setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
});
}).trigger('avia_start_animation');
The gallery thumbs should then load immediately. A fade effect to another color is not possible.
Tbh I don’t think this is possible with css but it would require a complex js script which compares the current content section (content which is within the browser viewport) with the menu classes and depending on the content id it removes/adds the “current item” class to the main menu items. Similar to our coalition theme. http://kriesi.at/themes/coalition/ which changes the highlighted menu if the user scrolls down. However the menu structure of both themes is quite different and it would require a freelancer to implement such a function.
Yes, this can happen because WordPress will not re-size images which are smaller than the defined thumbnail size. On the other hand the css code will scale the image to 100% of the container width regardless of the thumbnail size. And because the aspect ratio of 300×300 is different compared to 495 x 400 the scaled image version can be higher than the thumbnail with the higher resolution which is not scaled.
I’ll tag this for Kriesi because I’m not sure if this is an intended behavior or a bug. For now you can try to fix it by deleting following code in wp-contentthemesenfoldconfig-templatebuilderavia-shortcodessection.php:
if(empty($skipSecond))
{
$new_params['id'] = "after_section_".( avia_sc_section::$section_count );
$output .= avia_new_section($new_params);
}Hi!
You can also change the mouse hover delay – search for:
var defaults =
{
modify_position:true,
delay:300
};and change it to i.e.:
var defaults =
{
modify_position:true,
delay:10
};Regards,
Peter
Hi!
It seems like you’re using another theme. Please switch back to Enfold and we’ll help you.
Best regards,
Peter
Please try following – open up js/avia.js and replace:
elements.on('mouseenter', function(e)
{
var link = $(this),with:
elements.each(function(e)
{
var link = $(this),
current = link.find('img:first');
if(current.hasClass('alignleft')) link.addClass('alignleft').css({float:'left', margin:0, padding:0});
if(current.hasClass('alignright')) link.addClass('alignright').css({float:'right', margin:0, padding:0});
if(current.hasClass('aligncenter')) link.addClass('aligncenter').css({float:'none','text-align':'center', margin:0, padding:0});
});
elements.on('mouseenter', function(e)
{
var link = $(this),Hi!
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.
Best regards,
Peter
