Forum Replies Created
-
AuthorPosts
-
Hey Henrik!
You can use this plugin to explicitly set what gets shown on Facebook:
https://wordpress.org/plugins/opengraph/Cheers!
JosueHi,
Can you please check if the issue persists with the default WordPress theme activated?
Regards,
JosueHi,
Try adding this at the very end of your theme / child theme functions.php file:
function add_custom_script(){ if(is_singular('product')){ ?> <script> (function($){ $(window).load(function() { $('div[itemprop="description"]').before($('.woocommerce-tabs').detach()); }); })(jQuery); </script> <?php } } add_action('wp_footer', 'add_custom_script');And add this to Quick CSS:
.main_color div.product .woocommerce-tabs .panel { border-color :#e1e1e1; }Regards,
JosueIt’s really hard to debug this kind of issue without seeing the actual page, leave this for now and let me know through this topic when you upload the site.
Best regards,
JosueHey!
1.
.av_textblock_section .p1 { word-wrap: break-word; }2.
@media only screen and (max-width: 767px) { #color-section-01 .flex_column { text-align: center; } #color-section-01 .flex_column .avia-image-container{ float: none; display: inline-block; } }3. Set a class of banner-desktop to the current banner, add an adjacent banner (set banner-mobile to this one) and use this code to hide/show each one respectively:
#av_section_2 .avia-image-container.banner-mobile { display: none; } @media only screen and (max-width: 767px) { #av_section_2 .avia-image-container.banner-desktop { display: none; } #av_section_2 .avia-image-container.banner-mobile { display: block; } }Best regards,
JosuePlay with the value, maybe 350px:
.call_us .avia-button { min-width: 350px; }Regards,
JosueHi!
I don’t have a Windows Phone to test but if you say it works on a site it may be something easy to fix, have you tried isolating that code? i mean removing all other custom code temporarily and see if it takes effect.
Regards,
JosueThis should do it:
.call_us .avia-button { min-width: 150px; } .call_us:hover .avia-button { opacity: 1; }Hi Bill!
You can choose the image size when setting the image:

Cheers!
JosueMay 23, 2015 at 2:28 am in reply to: Change font size of secondary menu to same size as primary menu? #448817May 23, 2015 at 2:26 am in reply to: full width slider – change captions to static instead of flying in #448816Hi Naima!
Use a Color Section > 1/3 Columns instead.
Regards,
JosueHey!
Try this:
.call_us{ min-width: 250px; } .call_us:hover{ opacity: 1; }If it doesn’t work please post a link to your site.
Cheers!
JosueHi,
Try adding this at the very end of your theme / child theme functions.php file:
function add_custom_script(){ ?> <script> (function($){ $(window).load(function() { $(this).trigger('resize'); }); })(jQuery); </script> <?php } add_action('wp_footer', 'add_custom_script');Remember to purge your cache after adding this.
Regards,
JosueHi!
That’s the correct method right now, you can refactor your code to be like this:
function header_fontsdotcom () { ?> <!– Fonts.com import –> <link type="text/css" rel="stylesheet" href="http://fast.fonts.net/cssapi/YOURAPI.css"/> <?php } add_action( 'wp_head', 'header_fontsdotcom'); add_filter( 'avf_google_heading_font', 'add_custom_fonts'); add_filter( 'avf_google_content_font', 'add_custom_fonts'); function add_custom_fonts($fonts) { $fonts['Trade Gothic Light'] = 'Trade Gothic W01:200'; $fonts['Trade Gothic'] = 'Trade Gothic W01:400'; $fonts['Trade Gothic Condensed'] = 'Trade Gothic W01:600'; $fonts['Trade Gothic Bold'] = 'Trade Gothic W01:700'; $fonts['Trade Gothic Bold 2'] = 'Trade Gothic W01:800'; $fonts['Trade Gothic Condensed Bold'] = 'Trade Gothic W01:900'; return $fonts; } add_action( 'init', 'enfold_customization_switch_fonts' ); function enfold_customization_switch_fonts() { global $avia; $avia->style->print_extra_output = false; }The last hook is to disable the Google Font call that gets added by default when adding custom Fonts (this was meant to be used with Google Fonts only).
Best regards,
JosueHi!
1. You can edit the menu item appearance in Enfold > Advanced Styling > Main Menu Links.
2. That’s called Glassy Header, it is enabled per page in the Layout box at the right – http://a.pomf.se/trntvg.png
Regards,
JosueHey!
Try adding this at the very end of your theme / child theme functions.php file:
function put_stuff_on_header() { ?> <div class="custom_content">Content Here</div> <?php } add_action('ava_main_header', 'put_stuff_on_header');And add this to Quick CSS:
#header .custom_content{ position: absolute; max-width: 300px; right: 0; top: 0; }Cheers!
JosueHi!
Go to Enfold > Header > Extra Elements and set it like this:

Regards,
JosueHi Richard!
It’s tricky, depends on how complex is your ALB-built page, i’d suggest starting off by enabling debug mode:
http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/Then you can use do_shortcode to render those shortcodes from a .php file.
Regards,
JosueHi David!
nth-childwon’t work on IE8, change this part in your style.css:#top.page-id-13 #main > div.container_wrap:nth-child(1) .av-special-heading .av-special-heading-tag { text-transform: none; font-weight: normal; } #top.page-id-13 #main > div.container_wrap:nth-child(1) .togglecontainer .toggler { background-color: #2d5a9c; color: #ffffff; font-size: 18px; font-weight: normal; } #top.page-id-13 #main > div.container_wrap:nth-child(1) .togglecontainer .toggle_content { border-width: 0; border-color: #2d5a9c; background-color: rgba(200,216,248,1); margin-bottom: 0; }To:
#top.page-id-13 #main > div.container_wrap .av-special-heading .av-special-heading-tag { text-transform: none; font-weight: normal; } #top.page-id-13 #main > div.container_wrap .togglecontainer .toggler { background-color: #2d5a9c; color: #ffffff; font-size: 18px; font-weight: normal; } #top.page-id-13 #main > div.container_wrap .togglecontainer .toggle_content { border-width: 0; border-color: #2d5a9c; background-color: rgba(200,216,248,1); margin-bottom: 0; }Cheers!
JosueHi!
Use the following code:
@media only screen and (max-width: 989px) { /* Disable hiding header main container */ .responsive.html_mobile_menu_tablet #header_main_alternate{ display:block; } /* Hide menu */ .responsive.html_mobile_menu_tablet #header_main_alternate .main_menu{ display:none; } /* Restore widget top position */ #header .textwidget{ top: -0px; } } @media only screen and (max-width: 767px) { /* Make login full width */ .user-login{ max-width: 100%; } }It’s commented so you can merge it with your actual code.
Regards,
JosueHey!
Thanks for helping @Guenni007.
@ewingmh, if you still need help please post a link to the site where you’re trying this.Cheers!
JosueHi Daniela!
Kriesi disabled parallax effects on mobiles because they caused too much trouble
Regards,
JosueHi,
Can you post the link to your website please?
Regards,
JosueHi!
Have you tried using the native WP gallery shortcode (Add Media > Create a Gallery)?
Best regards,
JosueHi,
Can you please create us a WordPress administrator account? post it here as a private reply.
Regards,
JosueGreat, glad to help :)
Best regards,
JosueYou are welcome, glad to help :)
Regards,
JosueHey!
Issue was caused by unclosed
divelements (3), it’s fixed now on the page you linked. I also enabled debug mode so you can check the rendered shortcodes and be able to troubleshoot these issues in the future.Regards,
JosueHi!
In Appearance > Themes.
Best regards,
JosueMay 23, 2015 at 1:25 am in reply to: Thumbs of product category (WooCommerce) changed in size #448791Hey!
You can adjust the product image size:
WooCommerce > Settings > Products > Display > Product ImagesCheers!
Josue -
AuthorPosts
