-
Search Results
-
Hey Phet!
Thank you for using Enfold and sorry for the delay.
Add this inside the css media query:
.avia-slideshow-inner li { min-height: 410px !important; } .avia-slideshow-inner li img { min-height: 410px !important; min-width: 600px !important; margin-left: -100px; } #top .avia-slideshow-button { padding: 7px 8px; font-size: 11px; margin: 10px 5px; }Regards,
IsmaelIn reply to: Overwrite JavaScript variable wh100 in Child Theme
I think you mean
wp_headinstead ofwp_header. But simply copying and editing the function from theshortcodes.jsis not overwriting the function. I am not experienced in JS or jQuery, so am I doing it right?functions.phpfunction fix_full_height_gap(){ ?> <script> // ------------------------------------------------------------------------------------------- // Section Height Helper // ------------------------------------------------------------------------------------------- $.fn.avia_browser_height = function() { if(!this.length) return; var win = $(window), html_el = $('html'), subtract = $('#wpadminbar, #header.av_header_top:not(.html_header_transparency #header), #main>.title_container'), css_block = $("<style type='text/css' id='av-browser-height'></style>").appendTo('head:first'), sidebar_menu= $('.html_header_sidebar #top #header_main'), full_slider = $('.html_header_sidebar .avia-fullscreen-slider.avia-builder-el-0.avia-builder-el-no-sibling').addClass('av-solo-full'), calc_height = function() { var css = "", wh100 = win.height() + 66, ww100 = win.width(), wh100_mod = wh100, whCover = (wh100 / 9) * 16, wwCover = (ww100 / 16) * 9, wh75 = Math.round( wh100 * 0.75 ), wh50 = Math.round( wh100 * 0.5 ), wh25 = Math.round( wh100 * 0.25 ), solo = 0; if(sidebar_menu.length) solo = sidebar_menu.height(); subtract.each(function(){ wh100_mod -= this.offsetHeight - 1; }); var whCoverMod = (wh100_mod / 9) * 16; //fade in of section content with minimum height once the height has been calculated css += ".avia-section.av-minimum-height .container{opacity: 1; }\n"; //various section heights (100-25% as well as 100% - header/adminbar in case its the first builder element) css += ".av-minimum-height-100 .container, .avia-fullscreen-slider .avia-slideshow, #top.avia-blank .av-minimum-height-100 .container{height:"+wh100+"px;}\n"; css += ".av-minimum-height-75 .container {height:"+wh75+"px;}\n"; css += ".av-minimum-height-50 .container {height:"+wh50+"px;}\n"; css += ".av-minimum-height-25 .container {height:"+wh25+"px;}\n"; css += ".avia-builder-el-0.av-minimum-height-100 .container, .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow{height:"+wh100_mod+"px;}\n"; css += "#top .av-solo-full .avia-slideshow {min-height:"+solo+"px;}\n"; //fullscreen video calculations if(ww100/wh100 < 16/9) { css += "#top .av-element-cover iframe, #top .av-element-cover embed, #top .av-element-cover object, #top .av-element-cover video{width:"+whCover+"px; left: -"+(whCover - ww100)/2+"px;}\n"; } else { css += "#top .av-element-cover iframe, #top .av-element-cover embed, #top .av-element-cover object, #top .av-element-cover video{height:"+wwCover+"px; top: -"+(wwCover - wh100)/2+"px;}\n"; } if(ww100/wh100_mod < 16/9) { css += "#top .avia-builder-el-0 .av-element-cover iframe, #top .avia-builder-el-0 .av-element-cover embed, #top .avia-builder-el-0 .av-element-cover object, #top .avia-builder-el-0 .av-element-cover video{width:"+whCoverMod+"px; left: -"+(whCoverMod - ww100)/2+"px;}\n"; } else { css += "#top .avia-builder-el-0 .av-element-cover iframe, #top .avia-builder-el-0 .av-element-cover embed, #top .avia-builder-el-0 .av-element-cover object, #top .avia-builder-el-0 .av-element-cover video{height:"+wwCover+"px; top: -"+(wwCover - wh100_mod)/2+"px;}\n"; } //ie8 needs different insert method try{ css_block.text(css); } catch(err){ css_block.remove(); css_block = $("<style type='text/css' id='av-browser-height'>"+css+"</style>").appendTo('head:first'); } setTimeout(function(){ win.trigger('av-height-change'); /*broadcast the height change*/ },100); }; win.on( 'debouncedresize', calc_height); calc_height(); } </script> <?php } add_action('wp_head', 'fix_full_height_gap');In reply to: Styling Blockquote font color
Hi Vinay,
I only removed the <span> on the 3rd link…..and it’s stays green even after I’ve cleared my cache. I also get the same on my laptop (on green link)
Thanks
LyseIn reply to: Button styling
Hey!
Remove the custom css class selector:
.avia-button { background: #7db9e8; background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 50%, #1e5799 100%); background: -webkit-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#1e5799 100%); background: linear-gradient(to bottom, #7db9e8 0%,#2989d8 50%,#1e5799 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); }Cheers!
IsmaelIn reply to: Italic font in header main menu + google fonts
Hi LexieIsabelle!
Please see – http://kriesi.at/documentation/enfold/register-additional-google-fonts-for-theme-options/
then add following code to Quick CSS in Enfold theme options under General Styling tab#top #header .av-main-nav > li > a { font-style: italic; }Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
If you need help applying the changes, please create a temporary admin login and post it here privately so we can apply them for you
Regards,
YigitHi
I can’t seem to be able to have the blockquote text color to be black when I use a hyperlink in the paragraph. I had to use the <span> styling for each link.I have the following advanced styling:
– Change the styling for all
tags
Font Color: #000000 and Font Size: 15px
Also tried:
#top .main_color blockquote p a {
color: #000000!important;
}
Here’s the page where you can see where I use the <span> element to have it work (but I would rather style in my custom.css file.
http://www.impactcrescendo.com/#julie
and scroll to the Affiliations section where the links are.Thank you
LyseHello! I was wondering if it was possible to have a boxed layout but only past a certain width similar to http://www.uber.com/
The site is full width on laptop screens, but on desktop it is boxed.
Thanks!
Hi,
I turned on debug mode, by adding code as you suggested in functions.php, and found mistake(s).
When I was adding content, this part was added to several places, and when I deleted it, functionality is restored.[av_one_half first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='']
On our development site (see private) , the text in the boxes with the greyscale images (ie. Discovery Our Beers, See Our Events, What’s On Tap) and 3 more further down the page – the text is centered vertically, but when it goes responsive it jumps to the top of the page.
The text is in a 1/3 column. The 1/3 column has the selection of “middle” for vertically aligned content. The vertically aligned seem to not work in responsive.
Topic: Messed up the footer
Hello, while trying to add an image to my footer through the footer.php file in my editor I’ve messed up the code so it wouldn’t load the website now. Could you please help me figure out what is the problem.
Here is the current text I have in the footer.php
<?php
do_action( ‘ava_before_footer’ );
global $avia_config;
$blank = isset($avia_config[‘template’]) ? $avia_config[‘template’] : “”;//reset wordpress query in case we modified it
wp_reset_query();//get footer display settings
$the_id = avia_get_the_id(); //use avia get the id instead of default get id. prevents notice on 404 pages
$footer = get_post_meta($the_id, ‘footer’, true);
$footer_widget_setting = !empty($footer) ? $footer : avia_get_option(‘display_widgets_socket’);//check if we should display a footer
if(!$blank && $footer_widget_setting != ‘nofooterarea’ )
{
if( $footer_widget_setting != ‘nofooterwidgets’ )
{
//get columns
$columns = avia_get_option(‘footer_columns’);
?>
<div class=’container_wrap footer_color’ id=’footer’><div class=’container’>
<?php
do_action(‘avia_before_footer_columns’);//create the footer columns by iterating
switch($columns)
{
case 1: $class = ”; break;
case 2: $class = ‘av_one_half’; break;
case 3: $class = ‘av_one_third’; break;
case 4: $class = ‘av_one_fourth’; break;
case 5: $class = ‘av_one_fifth’; break;
case 6: $class = ‘av_one_sixth’; break;
}$firstCol = “first el_before_{$class}”;
//display the footer widget that was defined at appearenace->widgets in the wordpress backend
//if no widget is defined display a dummy widget, located at the bottom of includes/register-widget-area.php
for ($i = 1; $i <= $columns; $i++)
{
$class2 = “”; // initialized to avoid php notices
if($i != 1) $class2 = ” el_after_{$class} el_before_{$class}”;
echo “<div class=’flex_column {$class} {$class2} {$firstCol}’>”;
if (function_exists(‘dynamic_sidebar’) && dynamic_sidebar(‘Footer – column’.$i) ) : else : avia_dummy_widget($i); endif;
echo “</div>”;
$firstCol = “”;
}do_action(‘avia_after_footer_columns’);
?>
</div><?php
<!– ####### END FOOTER CONTAINER ####### –>
</div><?php } //endif nofooterwidgets ?>
//copyright
$copyright = do_shortcode( avia_get_option(‘copyright’, “© “.__(‘Copyright’,’avia_framework’).” – “.get_bloginfo(‘name’).”“) );// you can filter and remove the backlink with an add_filter function
// from your themes (or child themes) functions.php file if you dont want to edit this file
// you can also just keep that link. I really do appreciate it ;)
$kriesi_at_backlink = kriesi_backlink(get_option(THEMENAMECLEAN.”_initial_version”));//you can also remove the kriesi.at backlink by adding [nolink] to your custom copyright field in the admin area
if($copyright && strpos($copyright, ‘[nolink]’) !== false)
{
$kriesi_at_backlink = “”;
$copyright = str_replace(“[nolink]”,””,$copyright);
}if( $footer_widget_setting != ‘nosocket’ )
{?>
<footer class=’container_wrap socket_color’ id=’socket’ <?php avia_markup_helper(array(‘context’ => ‘footer’)); ?>>
<div class=’container’><span class=’copyright’><?php echo $copyright . $kriesi_at_backlink; ?></span>
<?php
if(avia_get_option(‘footer_social’, ‘disabled’) != “disabled”)
{
$social_args = array(‘outside’=>’ul’, ‘inside’=>’li’, ‘append’ => ”);
echo avia_social_media_icons($social_args, false);
}$avia_theme_location = ‘avia3’;
$avia_menu_class = $avia_theme_location . ‘-menu’;$args = array(
‘theme_location’=>$avia_theme_location,
‘menu_id’ =>$avia_menu_class,
‘container_class’ =>$avia_menu_class,
‘fallback_cb’ => ”,
‘depth’=>1,
‘echo’ => false,
‘walker’ => new avia_responsive_mega_menu(array(‘megamenu’=>’disabled’))
);$menu = wp_nav_menu($args);
if($menu){
echo “<nav class=’sub_menu_socket’ “.avia_markup_helper(array(‘context’ => ‘nav’, ‘echo’ => false)).”>”;
echo $menu;
echo “</nav>”;
}
?></div>
<!– ####### END SOCKET CONTAINER ####### –>
</footer><?php
} //end nosocket check} //end blank & nofooterarea check
?>
<!– end main –>
</div><?php
//display link to previeous and next portfolio entry
echo avia_post_nav();echo “<!– end wrap_all –></div>”;
if(isset($avia_config[‘fullscreen_image’]))
{ ?>
<!–[if lte IE 8]>
<style type=”text/css”>
.bg_container {
-ms-filter:”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo $avia_config[‘fullscreen_image’]; ?>’, sizingMethod=’scale’)”;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo $avia_config[‘fullscreen_image’]; ?>’, sizingMethod=’scale’);
}
</style>
<![endif]–>
<?php
echo “<div class=’bg_container’ style=’background-image:url(“.$avia_config[‘fullscreen_image’].”);’></div>”;
}
?><?php
/* Always have wp_footer() just before the closing </body>
* tag of your theme, or you will break many plugins, which
* generally use this hook to reference JavaScript files.
*/wp_footer();
<div id=”fb-root”></div>
</body>
</html>You feedback will be greatly appreciated.
Best regards,
SimeonHello there,
I’ve imported in this theme demo Photography Portfolio. For most part it is working except when it comes to the blog single post page. If I selected “Mobile Responsive”, then it extends off past my screen, on both desktop and mobile (I’ve verified this).
When mobile responsive is turned off, then the blog post showcases properly within the screen on desktop.
Can you please help?In reply to: Block border around a single menu item
Hey djtroymichael!
Please take a look here
https://kriesi.at/support/topic/header-menu-button/and do let us know if that fits your needs, if I have understood properly it does.
Best regards,
BasilisHi, the logo is not showing in mobile view. I can’t see why as it’s an appropriate size, although i do have some custom CSS in to give the logo padding which was needed for desktop – perhaps it’s that?? Link below.
Hey!
Add this css code:
.header-scrolled .container.av-logo-container .logo { width: 96px !important; height: 50px !important; top: 0px; }Best regards,
IsmaelHi!
Add this in the functions.php file:
// fade add_action('wp_footer', 'ava_custom_script'); function ava_custom_script(){ ?> <script type="text/javascript"> (function( $ ) { $( window ).scroll(function( i ){ var scroll = $( window ).scrollTop(); $( '.avia-fullscreen-slider' ).css( { 'top' : .7 * scroll } ); $( '.avia-fullscreen-slider' ).css( {'opacity' : ( 1000 - scroll ) / 100 / 10 } ); }); })( jQuery ); </script> <?php }If you want to apply this to a specific slider, turn on the custom css class: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Cheers!
IsmaelIn reply to: I need help with customizing the main menu
Thank you Rikard,
I have just fixed the overlapping, and all the things, but, now I have another problem. The logo´s link stop working. I don´t know why…. can you take a look please??
hi,
could you help me on this – my top bar navigation wordpress menu is now nowhere to be found. also when i click apperance / customize it goes to the customize page but it is always requesting a username and passwrod
In reply to: Place logo in centre of main menu
I have found this code
ul#avia-menu { position: relative; top: -120px; }
#header_main_alternate { z-index: 4; }
li#menu-item-117 .avia-menu-text, li#menu-item-117 .avia-menu-fx { opacity: 0; }
ul#avia-menu {
left: 27px;
}This places the menu bar exactly where I want it. However i now need to split the menu bar so that the middle menu items don’t cover the logo. How would I do this?
I want to set an image for the background using a fixed-frame layout, in other words one that is behind all the content, fills the page and doesn’t scroll when the page is scrolled. I would also like to set the frame width to 100 px or a percentage on the sides and to 0 on the top and bottom. I’m not sure to which elements I should apply the css or how to do it so as not to break the responsive nature of the layout.
Thanks.
In reply to: Import pages of demo
Hi Romain,
You linked to the demo overview page so I’m not sure what you want to import, if you click Remove Frame in the top right hand corner you will be able to copy the direct link. You can enable debug mode in order to see shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/, we can give you the shortcodes for each page you want to import after you have linked to them directly.
Thanks,
RikardIn reply to: Place logo in centre of main menu
Hi Josue
Thank you.
I just pasted below – logo doesn’t appear??? Also seems to insert a large space between main heading and sub headings in pull down. What am i doing wrong?
@media only screen and (min-width: 767px) {
#header_main > .container {
display: none;
}
}.html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child, .html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a {
height: 200px;
line-height: 100px;
}.html_header_top.html_header_sticky.html_bottom_nav_header #main {
padding-top: 100px;
}In reply to: Place logo in centre of main menu
Hi!
Cheers!
JosueHi guys! I have another question regarding this recent post that is now closed: https://kriesi.at/support/topic/fade-background-opacity-on-hover/
Everything looks great but I just need help with how to make the entire block clickable, currently you can only click on the text areas. I believe I have the html in the code block elements set up wrong and can’t figure out how to fix them. Here is the html:
<center> <div class="custom-icon-1"></div> <p style="text-align: center;"></p> [av_hr class='invisible' height='-14' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' custom_class=''] <h6 style="text-align: center;"><a href="http://v3.digital-ammo.com/expertise/#websitedesign">PREMIUM WEBSITE DESIGN</a></h6> [av_hr class='invisible' height='12' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' custom_class=''] <h5 style="text-align: center;"><a class="description" href="http://v3.digital-ammo.com/expertise/#websitedesign">Lorem ipsum dolor sit amet, consectetur elit. Vivamus accumsan vitae justo sed commodo. Cras aliquet fermentum massa.</a></h5> </center>It used to be that I could select the type of post, which controlled whether or not an image would show at the top of the post. Those selections are now missing so the post shows with now photo. However, previously created posts still show the photo, but they don’t have the check boxes anymore either. Where did they go, and how do I get them back?
In reply to: PNG's in iconlist
Here you go:
#top .avia-icon-list > li .iconlist-char:before { content: ""; height: 60px; width: 60px; background-size: contain; display: block; } #top .avia-icon-list > li:nth-child(1) .iconlist-char:before{ background: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png) no-repeat top center; } #top .avia-icon-list > li:nth-child(2) .iconlist-char:before{ background: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png) no-repeat top center; } #top .avia-icon-list > li:nth-child(3) .iconlist-char:before { background: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png) no-repeat top center; }I recently hired a WordPress developer to optimize my Enfold blog for faster load times. He did a number of things, and did indeed speed it up. It loads much faster now.
So, I naively paid him without doing a thorough quality check of my entire site on desktop and mobile. Now, he’s no longer answering my messages, so I’m hoping you can help. Here’s what’s happening:
Desktop:
Home Page: guitaranswerguy.com
My 6 “Most Recent Blog Posts” are overlapping unnaturally. They’ll correct themselves if you resize your browser, but this shouldn’t be happening.Mobile:
Home Page: guitaranswerguy.com
The Most Recent blog posts aren’t showing at all. There’s just a giant empty space where they should be loading.
The “hamburger” (navigation) menu icon is missing. So, my mobile visitors have no way to navigate my website.I’ve provided my WP login credentials. Help?
if I use a youtube video as the background of a color section, it will work perfectly on the desktop but on a mobile it will only show a still picture with a Play button in the middle.
In reply to: adjust the height of a section
Hey Sadegh!
Please add to your CSS
#top #main .avia-section .template-page { padding-bottom: 5px !important; }
and let us know if that works out for you
Cheers!
BasilisIn reply to: emulation with enfold
Hey Andy, et al,
I figured out what the IOS device issue is. When ios loads the screen it views the entire page size load resolution not the screen resolution in pixels….
so when you set a “Grid Row” “Custom Background Image” to “Fixed” it takes the calculation of the entire pages resoltion. so I set the settings to.
Fixed, Top right, tile vertically…
and that at least gave me a background image with some breaks at worst on ios devices..
What needs to happen to keep experience and design control consistent is that the background image needs to respond to the screen resolution not the page size when the page loads..
So a bit of a hack.. and this is not a problem with other devices just IOS.. but maybe Kriesi can consider fixing on updates in the future..
Check http://pruuph.ca/full-service-toronto-creative-marketing-agency/toronto-branding-logos-naming-and-identity/ on android, desktop and IOS to see what I mean..
cheers :)
Viewing 30 results - 97,651 through 97,680 (of 142,830 total)
