Forum Replies Created

Viewing 30 posts - 6,421 through 6,450 (of 23,923 total)
  • Author
    Posts
  • in reply to: Blogpost meta elements below the text? #448831

    Hey Henrik!

    You can use this plugin to explicitly set what gets shown on Facebook:
    https://wordpress.org/plugins/opengraph/

    Cheers!
    Josue

    in reply to: Problem with comments #448830

    Hi,

    Can you please check if the issue persists with the default WordPress theme activated?

    Regards,
    Josue

    in reply to: Modify Woo commerce Products Tab Position #448829

    Hi,

    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,
    Josue

    in reply to: Button w/ mouse hover question #448828

    It’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,
    Josue

    in reply to: Mobile Responsive Tweaks #448827

    Hey!

    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,
    Josue

    in reply to: Button w/ mouse hover question #448825

    Play with the value, maybe 350px:

    .call_us .avia-button {
       min-width: 350px;
    }

    Regards,
    Josue

    in reply to: logo disappears behind menu toggle box on mobile #448823

    Hi!

    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,
    Josue

    in reply to: Button w/ mouse hover question #448820

    This should do it:

    .call_us .avia-button {
       min-width: 150px;
    }
    .call_us:hover .avia-button {
       opacity: 1;
    }
    in reply to: Bigger image #448818

    Hi Bill!

    You can choose the image size when setting the image:

    Cheers!
    Josue

    Hi Naima!

    Uncheck this in each menu item – http://a.pomf.se/ahqbsl.png

    Best regards,
    Josue

    Hi Naima!

    Use a Color Section > 1/3 Columns instead.

    Regards,
    Josue

    in reply to: Button w/ mouse hover question #448815

    Hey!

    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!
    Josue

    in reply to: Masonry Blog Grid #448814

    Hi,

    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,
    Josue

    in reply to: Fonts.com Integration #448813

    Hi!

    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,
    Josue

    in reply to: Header changes #448811

    Hi!

    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,
    Josue

    in reply to: Logo left, content right #448810

    Hey!

    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!
    Josue

    in reply to: Header Changes for Enfold #448809

    Hi!

    Go to Enfold > Header > Extra Elements and set it like this:

    Regards,
    Josue

    in reply to: Exporting an enfold page as #448808

    Hi 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,
    Josue

    in reply to: Enfold Styling for IE 8 #448806

    Hi David!

    nth-child won’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!
    Josue

    in reply to: Adding custom code to the Header #448805

    Hi!

    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,
    Josue

    in reply to: Center logo with overlap #448804

    Hey!

    Thanks for helping @Guenni007.


    @ewingmh
    , if you still need help please post a link to the site where you’re trying this.

    Cheers!
    Josue

    in reply to: Parallax Tablet/Handy #448803

    Hi Daniela!

    Kriesi disabled parallax effects on mobiles because they caused too much trouble

    Regards,
    Josue

    in reply to: Can't make CSS changes to child mobile menu #448801

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    in reply to: Javascript #448800

    Hi!

    Have you tried using the native WP gallery shortcode (Add Media > Create a Gallery)?

    Best regards,
    Josue

    in reply to: Video slider customization #448799

    Hi,

    Can you please create us a WordPress administrator account? post it here as a private reply.

    Regards,
    Josue

    in reply to: Javascript #448797

    Great, glad to help :)

    Best regards,
    Josue

    in reply to: Transparent button adjustments #448796

    You are welcome, glad to help :)

    Regards,
    Josue

    in reply to: Avia Builder Formatting Issues When Updating #448795

    Hey!

    Issue was caused by unclosed div elements (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,
    Josue

    in reply to: Avia Layout Builder won't load on wordpress 4.2.2 #448793

    Hi!

    In Appearance > Themes.

    Best regards,
    Josue

    Hey!

    You can adjust the product image size:
    WooCommerce > Settings > Products > Display > Product Images

    Cheers!
    Josue

Viewing 30 posts - 6,421 through 6,450 (of 23,923 total)