Forum Replies Created

Viewing 30 posts - 6,001 through 6,030 (of 12,020 total)
  • Author
    Posts
  • in reply to: Adding Header to every existing page? #1197597

    By means of the do_shortcode I can initiate that the content of this shortcut is placed at a location where I would like it to appear.
    Wordpress or the themes have certain points where I can insert the shortcut. That is the reason why this is also called a “hook”.
    The Enfold Shortcode is the equivalent for the html which is shown.
    Now the only thing i did for your request is to stop for a moment the html – insert some code – and end the rest

    BUT: if you are an absolute beginner with this – maybe you ask better a mod to help you by adding the desired to your theme

    in reply to: Adding Header to every existing page? #1197587

    OK :
    The first thing I would always advise on WordPress is to use a child theme.
    Link for a predefined Child-Theme and some instructions: https://kriesi.at/documentation/enfold/child-theme/

    The advantages of a child theme usage greatly outweigh the few disadvantages; ; last but not least, the desired changes will be preserved with the next update.

    The downloaded Child-Theme of Enfold has three files – one png is only to have a preview image in the themes section of your wordpress dashboard.
    The child theme style.css is absolutely necessary to identify itself as a child of Enfold. And the function.php which is at the beginning empty ( only some outcommented lines and the starting code.
    This child-theme functions.php can be used now to have additional code to the parent theme.

    One of this could be to activate the debug mode of Enfold:
    So this comes to child-theme functions.php:

    // Debug Mode of Enfold
    function builder_set_debug(){
      return "debug";
    }
    add_action('avia_builder_mode', "builder_set_debug");

    The first line is only to remember what we like to influence – on php code the two slashes implicates a one line comment.
    From now on you have on every Enfold styled Page a Field under the layout field in Editor Mode: See here a simple Setting with one full-width slider and a color-section under it – with some heading:
    (click to enlarge)

    Now you can see below the layout field how Enfold works “under the hood”.
    these shortcodes can be copied and used on different places. Copy the whole shortcode and replace: [the-copied-shortcode-from-debug-mode]

    add_action('ava_after_main_title', function() {
        echo do_shortcode("[the-copied-shortcode-from-debug-mode]"); 
    });

    the resulting code then comes to child-theme functions.php.
    It might be good for posts and portfolio pages with sidebar not to have on the second place of the designing auxiliary site to have a color-section : because a color-section is a fullwidth element as the slider – so sidebar will start under this.
    So for your needs it would be better to have a full-width slider first and then a 1/1 container for the Headings under it.

    in reply to: Icon Numbers #1197133

    the embeded Icons belongs to entypo-fontello icon set.
    it is some time ago i did this for me to look the codes for these:
    https://webers-testseite.de/enfold-entypo/index.html

    this is the same example-page:
    The color-section has got custom ID: randomized
    and has an image array for that

    // Random BG-Image
    function randomize_bg_image() {
    if(is_page(34024)){ 
    ?>
    <script type="text/javascript">
    (function($){
    	    var images = ['o2-7.jpg', 'o2-1.jpg', 'o2-2.jpg', 'o2-3.jpg', 'o2-4.jpg', 'o2-5.jpg', 'o2-6.jpg'];
    	    $('#randomized').css({
    	    	'background-image': 'url(/wp-content/uploads/' + images[Math.floor(Math.random() * images.length)] + ')'
    	    });
    })(jQuery);
    </script>
    <?php
    }
    }
    add_action( 'wp_footer', 'randomize_bg_image' );

    i did that here on the page : page-id-34024
    https://webers-testseite.de/bg-scheduling/
    the color-section has a bg-image ( this is not so important – but style the outlook with that image first ( contain; cover; repeat etc. pp)
    This color-section has a custom-class: bg-scheduled
    you see that the bg image is then taken from a source folder.
    But this is scheduled per day with a fixed image for each weekday – but you see how you can do it. Hope you can transfer this to a randomized order. – i will have a look too.

    function schedule_bg_image() {
    if(is_page(34024)){ 
    ?>
    <script type="text/javascript">
      var imglocation = "/wp-content/uploads/";
      function ImageArray (n) {
         this.length = n;
         for (var i =1; i <= n; i++) {
           this[i] = ' '
         }
      }	
    	image = new ImageArray(7);
    	image[0] = 'o2-7.jpg'; // Sunday
    	image[1] = 'o2-1.jpg'; // Monday
    	image[2] = 'o2-2.jpg'; // Tuesday
    	image[3] = 'o2-3.jpg'; // Wednesday
    	image[4] = 'o2-4.jpg'; // Thursday
    	image[5] = 'o2-5.jpg'; // Friday
    	image[6] = 'o2-6.jpg'; // Saturday
    	var currentdate = new Date();
    	var imagenumber = currentdate.getDay();
    	document.getElementById('av_section_1').style.backgroundImage = 'url(' + imglocation + image[imagenumber] + ')';
    	
    </script>
    <?php
    }
    }
    add_action( 'wp_footer', 'schedule_bg_image' );
    in reply to: Adding Header to every existing page? #1196402

    and it has to be the Layerslider? Would an Enfold Slider ( full-width f.e. ) also be possible?
    don’t know why layerslider shortcode does not work with this method?

    for example a full-width slider and a following color-section.
    style a page as you like to have the content.
    copy that enfold shortcode and insert it in a hook via do_shortcode

    see here the result: https://webers-testseite.de/kontakt/
    the pagetitle is inserted dynamically by that break in the code: ".get_the_title()."
    You see that even the first color-section on that page gets the right index as #av_section_2

    the basic is:

    add_action('ava_after_main_title', function() {
        echo do_shortcode("[the-copied-shortcode-from-debug-mode]"); 
    });

    the if clause can handle all you like f.e.
    if( is_single()||is_singular( 'event' )||is_search()||is_category()||is_page()|| is_singular( 'portfolio' )){

    in reply to: Use SVG logo #1196092

    i do not see your staging site – i’m participant as you but

    Is your logo is now an img tag with src svg or is it an inline svg file?
    With your plugin – it is possible to replace these img svgs with inline svg.

    for browser compatibility it is necessary to give a width to the svg and you could try to set for non responsive case the .logo to display flex (or inline-flex)

    try:

    .logo a {
        display: flex;
    }
    .logo img[src$=".svg"] {
        width: 350px;
    }
    

    if you decide to have inline svg – the .logo svg must have some extra css.

    PS : activate the advanced setting on svg support and mark “load frontend css”

    Yes : see private content url – everything works without script – except the mega-title links with sub-menu level

    in reply to: Titles of symbols are cut off below #1195432

    increase the line-height for these titles.

    but i really do not see the need for it : there is allready a class for the current menu item: current-menu-item
    The only problem is that the first level parent li’s get the same class but in additon they become that class: active-parent-item
    So this should do the job for mega menu sub-menu items if they have themself a sub-menu!

    #av-burger-menu-ul li:not(.active-parent-item) .current-menu-item a {
        color: green !important;
    }

    and this here for normal first-level sub-menu links:

    /*** colorize parent***/
    #av-burger-menu-ul li.current-menu-parent.current-menu-item > a {
        color: red !important;
    }
    /** colorize active item ****/
    #av-burger-menu-ul li.current-menu-item > a {
        color: green !important;
    }

    the only need for a new class could be a mega-menu title with own link and sub-menu : there is only a class: av-width-submenu

    may i see your site please – send me a link via e-mail if you have no other choice – see my nick or avatar.

    • This reply was modified 5 years, 11 months ago by Guenni007.
    in reply to: Add Houzz to social icons #1195409

    You see here the instruction : https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options
    and scroll a short distance to : In case of using an image
    i actually always recommend to use pictures when there are only one or two additional icons.

    You see at the very end of parent functions.php file :

    /*
     *  register custom functions that are not related to the framework but necessary for the theme to run
     */

    just after that ( but before functions-enfold.php is required ) you can add your custom snippets.
    _____________
    But :living the world of WordPress is so much easier if you take advantage of a child theme. So I would recommend you to set one up.
    The clear advantages greatly outweigh the few disadvantages. Last but not least because of the preservation of all changes even after updates of the parent theme.
    Enfold makes it quite easy for you to change even advanced installations to a child theme.

    However, when I do the same with a fontawesome font, it shows an empty square in icon list in avia builder.

    the fontawesome from fontello or where did you download it?

    in reply to: Change transparent logo for different language? #1194802

    the logo if set is alway present : rule it via media querries as in layout.css
    ________

    Hi, I don’t see why this is only relevant for narrow transparent screen widths.

    if you are below 768px (or 990px) you will generally not see the alternative logo. So why switch. For this case it would be sufficient to set only the normal logos.
    So it is only relevant if you keep the transparency contrary to the default settings of Enfold.
    In this case, it would be necessary to set a different alternative logo and then make the layout adjustments.

    in reply to: Change transparent logo for different language? #1194798

    But this is only relevant if you allow transparency for narrow screen widths.
    This would certainly have been an important information in your introduction.

    On helper-main-menu.php since line 127 ( Enfold 4.7.3)
    there is a condition that is bound to header_transparency

    on functions-enfold.php since line 1166 :
    //header class that tells us to use the alternate logo
    the class : av_alternate_logo_active is set for that to #header

    on layout.css there is ruled the visibility of that logo:

    @media only screen and (max-width: 989px) {
    	.responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity:1}
    	.responsive.html_mobile_menu_tablet #top .av_header_transparency .logo img.alternate{display:none;}
    }
    @media only screen and (max-width: 767px) {
    	.responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity:1}
    	.responsive #top .av_header_transparency .logo img.alternate{display:none;}
    }
    in reply to: Change transparent logo for different language? #1194633

    there is another filter that can do the job:

    add_filter('avf_header_setting_filter','replace_transparent_logo_on_some_pages');
    function replace_transparent_logo_on_some_pages($header){
        if( is_page(123) ){
            $header['header_replacement_logo'] = "https://url-to-the-new-logo";
        }
        return $header; 
    }

    you can use any conditional tag wordpress offers – maybe you can use even if (lang == 'en') {
    you can use arrays : if( is_page( array( 42, 54, 6 ) ) ) { etc. pp

    the logo itself is possible with this as you said allready:

    add_filter('avf_logo','av_change_logo');
    function av_change_logo($logo){
        if( is_page(21) ) {
        	$logo = "http://www.domain.com/wp-content/uploads/logoforpage21.jpg"; 
        }
        elseif ( is_page( array( 42, 54, 6 ) ) ) {
        	$logo = "http://www.domain.com/wp-content/uploads/logoforpage42.jpg"; 
        }
        elseif ( is_page() && !is_page(1307) )  {
        	$logo = "http://www.domain.com/wp-content/uploads/logoforpage23.jpg";  
        }
        return $logo;
    }
    in reply to: configuration date picker #1194607

    It was actually quite a hard job to read myself back into it. But now it’s probably not that interesting to look at the solution anymore. Well – …

    in reply to: Individual social media icons #1194445

    This workout i would only do if i had to add more than one icon to my enfold.
    you can upload a svg file to fontello icon : http://fontello.com/
    these svgs had to be monochrome – and sometimes do not work correct in fontello because of svg spezicications ( compound path etc. )

    then activate these generated font-icons and name the font – then download.
    here is that fontello generated zip
    https://webers-testseite.de/fontello-bdbd84bd.zip

    goto your Enfold-Child – Import/Export and upload that zip to your Enfold via : Icon Font Manager.
    Because i named the font : kununu the font-family is then the same kununu

    function avia_add_custom_social_icon($icons) {
        $icons['Kununu'] = 'kununu';
        return $icons;
    }
    add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
    
    // Register new icon as a theme icon
    function avia_add_custom_icon($icons) {
    	$icons['kununu'] = array( 'font' =>'kununu', 'icon' => 'ue800');
    	return $icons;
    }
    add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
    

    Styling : depends on you.

    #top #wrap_all .av-social-link-kununu:hover a{
        color:#fff; 
        background-color:#99c612; 
    }
    in reply to: How to link to tabs #1194271

    But please read carefully: if you have updated the theme to 4.7.3 ( and i see you have done that) then the code : here is obsolete. The Theme Version 4.7.3 has this allready implemented.
    And you link now as described here : https://kriesi.at/support/topic/how-to-link-to-tabs/#post-1157756

    in reply to: Alt for transparent header image #1194270

    maybe ask Günter to look to it

    in reply to: Individual social media icons #1194093

    or take only the white sings as png files and style the background-colors for them.
    Guess normal logo color of them is: #99c612

    in reply to: Individual social media icons #1194091

    See documentation here too:
    https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options

    if there are not too many individual social icons, I would recommend not to use font icons, but to use images (png’s) instead
    For this you would have to find a suitable image file for the icon – e.g.:
    the whole thing is possible as circle too:

    To Register the new Icon on Enfold put this to your child-theme functions.php

    function avia_add_custom_social_icon($icons) {
    	$icons['Kununu'] = 'kununu';
        return $icons;
    }
    add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    Now you can add on Enfold-Child Options – Social Profiles – the new icon ( it is at the end of the list : link maybe: https://www.kununu.com/ )

    to have now the image for that new icon
    you had to place this to your quick css
    (the image dimensions depends on your other settings for social media icons – standard seem to be 30px):

    #top #wrap_all .av-social-link-kununu a:before{
        content: "";
        width: 30px;
        height: 30px;
        float: none !important;
        display: inline-block !important;
        vertical-align: middle;
        background: url(PATH-TO-YOUR-IMAGE/kununu-quad.png) no-repeat center center;
        background-size: contain;
    }
    
    /**** hover style - just an example - if you make the image a bit smaller - you can style background-color ***/
    #top #wrap_all .av-social-link-kununu:hover a {
    -webkit-filter: hue-rotate(180deg);
    filter: hue-rotate(180deg)
    }
    

    see here in my footer the example: https://webers-testseite.de/#footer

    in reply to: Vertical lines between columns #1193621

    You’re so counseling-resistant.
    please individual height – no equal heights – no gap –
    if you don’t make it now, then my support for you ends here with my 6000th post.
    Hope you can let a mod login to your backend – I’m desperate here!

    See with your images and text: https://webers-testseite.de/griditems/

    here is the shortcode: Edit with link to your images:

    [av_section min_height='' min_height_pc='25' min_height_px='500px' padding='default' custom_margin='0px' custom_margin_sync='true' color='main_color' background='bg_color' custom_bg='#78b2b6' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='outlines-flex' custom_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-zqkdpc']
    [av_one_fourth first min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']
    
    [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
    <img class="aligncenter size-full wp-image-37087" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-1-WHT-80x80.png" alt="" width="80" height="80" />
    <h4 style="text-align: center;">California Based Professionals</h4>
    [/av_textblock]
    
    [/av_one_fourth][av_one_fourth min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']
    
    [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
    <img class="aligncenter wp-image-37088 size-full" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-2-WHT-80x80.png" alt="" width="80" height="80" />
    <h4 style="text-align: center;">Trusted by Multi-Billion Dollar Customers</h4>
    [/av_textblock]
    
    [/av_one_fourth][av_one_fourth min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']
    
    [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
    <img class="aligncenter wp-image-37089 size-full" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-3-WHT-80x80.png" alt="" width="80" height="80" />
    <h4 style="text-align: center;">Customized and Secure Intake of Consumer Requests</h4>
    [/av_textblock]
    
    [/av_one_fourth][av_one_fourth min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']
    
    [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
    <img class="aligncenter wp-image-37091 size-full" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-4-WHT-80x80.png" alt="" width="80" height="80" />
    <h4 style="text-align: center;">Responsive Customer Service</h4>
    [/av_textblock]
    
    [/av_one_fourth][av_one_fourth first min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']
    
    [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
    <img class="aligncenter wp-image-37091 size-full" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-5-WHT-80x80.png" alt="" width="80" height="80" />
    <h4 style="text-align: center;">Privacy Law Knowledge Base</h4>
    [/av_textblock]
    
    [/av_one_fourth][av_one_fourth min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']
    
    [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
    <img class="aligncenter wp-image-37092 size-full" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-6-WHT-80x80.png" alt="" width="80" height="80" />
    <h4 style="text-align: center;">Licensed in California</h4>
    [/av_textblock]
    
    [/av_one_fourth][av_one_fourth min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']
    
    [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
    <img class="aligncenter wp-image-37093 size-full" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-7-WHT-80x80.png" alt="" width="80" height="80" />
    <h4 style="text-align: center;">Trusted Privacy Partner</h4>
    [/av_textblock]
    
    [/av_one_fourth][av_one_fourth min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']
    
    [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
    <img class="aligncenter wp-image-37094 size-full" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-8-WHT-80x80.png" alt="" width="80" height="80" />
    <h4 style="text-align: center;">Ongoing New Data Privacy Law Support</h4>
    [/av_textblock]
    
    [/av_one_fourth]
    [/av_section]
    in reply to: Unmute sound on video #1193478

    i guess – no chance to influence background video from iframes . A selfhosted video (html5) will work.

    in reply to: Vertical lines between columns #1193417

    maybe 90px padding on top/bottom is too much – just do it to your needs

    in reply to: Masonry Grid – Portfolio Links Open New Window Issue #1193365

    you can either do it via page-id-xyz or via custom-class of your masonry

    function add_custom_target(){
    if(is_page(xyz)){
    ?>
    <script>
    (function($){
        $(window).load(function() {
          $('.av-masonry-container a').attr('target','_blank');
        });
    })(jQuery);
    </script>
    <?php
    }
    }
    add_action('wp_footer', 'add_custom_target');

    or as said before with custom-class on masonry element – f.e.: masonry-blank:

    function add_custom_target(){
    ?>
    <script>
    (function($){
        $(window).load(function() {
          $('.masonry-blank a').attr('target','_blank');
        });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'add_custom_target');

    last version has the advantage that you can have more than one masonry on this page – the one with class opens links blank – the other not
    and if you have a masonry on a different page it will work too – if class is set.

    in reply to: Vertical lines between columns #1193363

    hm – first get rid of that invisible hr – you can manage that in a different way.
    Because all elements in a flex container will be handled and that is an additonal container.
    This color-section should have only the columns in it.

    then – i do not see even the first rule to set the entry-content-wrapper to display:flex – so i guess you have not regenerated the mergied files of css and js.
    i see on developer tools none of my code above – these are the old merged files:
    This merging of the files behaves similar to caching – so goto your Enfold Child – Performance – and mark delete old css an js files – and save all changes.
    After that delete the browser cache too!

    See what happens to the page if i (virtually) add the code to your page:
    the two images are not set as the others to align: center – that makes a difference because these have other paddings !

    i deleted one thing ( all of your content is set to white color – so the one rule is obsolete) and i added only one rule to have more padding left right:

    #outlines-flex .entry-content-wrapper {
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      overflow: hidden;
      align-items:  stretch; 
    }
    
    /*** otherwise these "containers" will influence the flexbox ***/
    #outlines-flex .entry-content-wrapper::before, 
    #outlines-flex .entry-content-wrapper::after {
      display: none;
    }
    
    #outlines-flex .entry-content-wrapper .flex_column {
      flex: 1 1 auto;
      outline: 1px solid #fff;
      padding: 90px 30px !important;
      margin: 0 ;
    }
    
    #outlines-flex .entry-content-wrapper .flex_column * {
      text-align: center !important;
    }
    
    @media only screen and (max-width: 989px) {
      #outlines-flex .entry-content-wrapper .flex_column {
          flex: 0 1 50%;
          outline: 1px solid #fff;
          padding: 90px 30px !important;
          margin: 0  !important
      }
    }
    
    @media only screen and (max-width: 549px) {
      #outlines-flex .entry-content-wrapper {
          justify-content: space-around;
      }
      #outlines-flex .entry-content-wrapper .flex_column {
          flex: 0 1 90%;
          outline: none !important;
          padding: 40px 30px !important;
          border: 1px solid #fff;
         margin-bottom: 20px !important
      }
    }

    think of your merged files !
    PS: Avoid uncommon signs in css f.e. that dashed line in your quick css ? – – – – – – – – – – on top – remove this too – if you want to have comments in css just surround it by /***** xyz ****/

    in reply to: different logo for the woocommerce pages #1193322

    by the way if you do not like to have these arrays with a loto of lists:
    this could be an interesting link for you : https://kriesi.at/support/topic/different-header-logo-for-different-sections-of-website/#post-1065071
    that is for all suppages .
    On Categories there are more condition tags to include whole sets : https://codex.wordpress.org/Conditional_Tags but see difference is_category() , has_category() and in_category()

    in reply to: Vertical lines between columns #1193307

    you first have to read carefully – i think all my tuts are good enough to reproduce.
    first take the flexbox modell !
    This is a mighty way to do this.
    Then a lot of participants only put in the code and do not read about custom classes or ID’s

    the setting was: all 8 1/4th columns in one colour section; this color-section got the ID : outlines-flex
    the 1/4th columns are set to individual height and with no space between!

    click to enlarge:

    Thats it: then try the code.: Link

    on the other hand if the order option you need is a kind of system i use this in child-theme functions.php:

    function avia_custom_query_extension($query, $params)
        {
            global $avia_config;
            if(!empty($avia_config['avia_custom_query_options']['order']))
            {
                $query['order'] = $avia_config['avia_custom_query_options']['order'];
            }
            if(!empty($avia_config['avia_custom_query_options']['orderby']))
            {
                $query['orderby'] = $avia_config['avia_custom_query_options']['orderby'];
            }
            unset($avia_config['avia_custom_query_options']);
            return $query;
        }
    
        add_filter('avia_masonry_entries_query', 'avia_custom_query_extension', 10, 2);
        add_filter('avia_post_grid_query', 'avia_custom_query_extension', 10, 2);
        add_filter('avia_post_slide_query', 'avia_custom_query_extension', 10, 2);
        add_filter('avia_blog_post_query', 'avia_custom_query_extension', 10, 2);
        add_filter('avf_magazine_entries_query', 'avia_custom_query_extension', 10, 2);
        add_filter('avf_template_builder_shortcode_elements','avia_custom_query_options', 10, 1);
        function avia_custom_query_options($elements)
        {
            $allowed_elements = array('av_blog','av_masonry_entries','av_postslider','av_portfolio','av_magazine');
    
            if(isset($_POST['params']['allowed']) && in_array($_POST['params']['allowed'], $allowed_elements))
            {
                $elements[] = array(
                    "name" => __("Custom Query Orderby",'avia_framework' ),
                    "desc" => __("Set a custom query orderby value",'avia_framework' ),
                    "id"   => "orderby",
                    "type"  => "select",
                    "std"   => "",
                    "subtype" => array(
                        __('Default Order',  'avia_framework' ) =>'',
                        __('Title',  'avia_framework' ) =>'title',
                        __('Random',  'avia_framework' ) =>'rand',
                        __('Date',  'avia_framework' ) =>'date',
                        __('Author',  'avia_framework' ) =>'author',
                        __('Name (Post Slug)',  'avia_framework' ) =>'name',
                        __('Modified',  'avia_framework' ) =>'modified',
                        __('Comment Count',  'avia_framework' ) =>'comment_count',
                        __('Page Order',  'avia_framework' ) =>'menu_order')
                );
                $elements[] = array(
                    "name" => __("Custom Query Order",'avia_framework' ),
                    "desc" => __("Set a custom query order",'avia_framework' ),
                    "id"   => "order",
                    "type"  => "select",
                    "std"   => "",
                    "subtype" => array(
                        __('Default Order',  'avia_framework' ) =>'',
                        __('Ascending Order',  'avia_framework' ) =>'ASC',
                        __('Descending Order',  'avia_framework' ) =>'DESC'));
            }
            return $elements;
        }
    
        add_filter('avf_template_builder_shortcode_meta', 'avia_custom_query_add_query_params_to_config', 10, 4);
        function avia_custom_query_add_query_params_to_config($meta, $atts, $content, $shortcodename)
        {
            global $avia_config;
            if(empty($avia_config['avia_custom_query_options'])) $avia_config['avia_custom_query_options'] = array();
    
            if(!empty($atts['order']))
            {
                $avia_config['avia_custom_query_options']['order'] = $atts['order'];
            }
    
            if(!empty($atts['orderby']))
            {
                $avia_config['avia_custom_query_options']['orderby'] = $atts['orderby'];
            }
            return $meta;
        }
    

    it will add on each ALB which concerns to a sort option dialog.

    i use – if there are not so many portoflio /post a plugin called Intuitive custom post order.
    Günter told me that f.e. : https://de.wordpress.org/plugins/simple-custom-post-order/ this is a good alternative.
    You can drag and drop on the post / portfolio list the entries to the place your need.

Viewing 30 posts - 6,001 through 6,030 (of 12,020 total)