Forum Replies Created

Viewing 30 posts - 5,611 through 5,640 (of 11,484 total)
  • Author
    Posts
  • in reply to: Change slide-entry-title entry-title from h3 to h2 #1180648

    im looking for a solution with filter of enfold: avf_customize_heading_settings
    maybe a mod can give us advice to use it on that element
    ___________________________

    but this will work fast too with maybe with more specifity if the selectors in that line: replaceElementTag( …) are more “picky”:

    function replace_tags_with_tags(){
    ?>
    <script>
      (function($) {       
          function replaceElementTag(targetSelector, newTagString) {
            $(targetSelector).each(function(){
              var newElem = $(newTagString, {html: $(this).html()});
              $.each(this.attributes, function() {
                newElem.attr(this.name, this.value);
              });
              $(this).replaceWith(newElem);
            });
          }
          replaceElementTag('h3.entry-title', '<h2></h2>'); 
      }(jQuery)); 
    </script>
    <?php
    }
    add_action('wp_footer', 'replace_tags_with_tags');

    by the way – there are css settings for h2 ( f.e. uppercase etc. ) you have to adjust those settings after change
    you can have on that snippet more than one replacement . just add new lines as:
    replaceElementTag('h3.entry-title', '<h2></h2>'); under each other – semicolon separated

    in reply to: H1 heading on tags/category-./author pages #1180646

    So for blog.php the postslider give his part in it so context is : avia_sc_postslider
    but this does not have effect:

    function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array() ){
    	if( $context == 'avia_sc_postslider' ){
    		$args['heading'] = 'h2';			//	change heading from h3 to h1
    		$args['extra_class'] = 'custom-class';		//	add an extra class for styling
    	}
      return $args;
    }
    add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );
    in reply to: H1 heading on tags/category-./author pages #1180559

    to use the filter we need to have the

    on a avia_sc_content_slider it could be done this way:

    function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array() )
    {	
    	if( 'avia_sc_content_slider' == $context && is_array( $extra_args ) && in_array( 'slider_entry', $extra_args ) )
    	{
    		$args['heading'] = 'h2';						
    		$args['extra_class'] = 'custom-class';		
    	}
    	return $args;
    }
    add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );

    Or:
    with extra_args : slider_title

    ___________

    but how to handle it on : avia_sc_postslider
    the extra_args are a bit different there

    $default_heading = 'h3';
    $args = array(
    			'heading'		=> $default_heading,
    			'extra_class'	=> ''
    		);
    
    $extra_args = array( $this, $index, $entry );

    And how to use it globaly with no custom-class ?

    in reply to: Change slide-entry-title entry-title from h3 to h2 #1180557

    hm on every page i look for – f.e.: https://kriesi.at/themes/enfold-2017/category/uncategorized/
    the headings are allready on h2.
    So is there a link to your pages i can see the issue?

    Or do you mean the grid layout: https://kriesi.at/themes/enfold-2017/blog/blog-default/

    in reply to: Problem with hyphens #1179376

    i thought that the word-break: break-all does not insert a dash.

    There are already in the Chrome Forums petitions to take up hyphens soon (again)

    Best Method is to set the “Predetermined breaking points” in a word manually with soft-hyphens.
    these are f.e. &shy;
    see: Link
    so you can have in a heading: super&shy;cali&shy;fragilistic&shy;expi&shy;alidocious
    __________

    Only read further if you are familiar with editing code in php files.
    One big disadvantage is on that – you do not see the once inserted softhyphens or non-breaking space if you will edit the alb.
    And sometimes these editons will be lost on updating that alb ( headings f.e.)

    Günter wrote a little Plugin to use special characters on Inputfields ( tables, headings etc ) for example if you have a greater than sign :
    Link to the github
    if you open that little php file: avia-special-characters-plugin.php you see on lines 41ff the list
    because i do not want to write 3# before and 3# my list is edited to:

    $this->translate = array(
    	'#lt#'		=> '<',
    	'#gt#'		=> '>',
    	'#amp#'		=> '&',
    	'#91#'		=> '[',
    	'#93#'		=> ']',
    	'#quot#'	=> '"',
    	'#34#'		=> "'",
    	'#br#'		=> '<br/>',
    	'#p#'		=> "< p >",
    	'#shy#'		=> '­',
            '#nbsp#'	=> ' ',
    );

    sorry Boardsoft rendered the last signs in the wanted way – here is the image :

    from that on – if you wrote in a header #shy# a softhyphen will be added – and it resists editing that alb and you see it in preview where you have set those special characters. Frontend renders them as wanted.

    in reply to: DISABLE AJAX SEARCH #1179253

    I guess he doesn’t want to have result suggestions under the search box.
    try this in child-theme functions.php

    add_action('avf_frontend_search_form_param', 'av_disable_ajax_search',9);
    function av_disable_ajax_search($params)
    {
      $params['ajax_disable'] = true;
      return $params;
    }

    put this to quick css:
    adjust right position to your language – seems to be a matter of translation:
    on english it is just Add Cell (very short)

    .avia-set-cell-size {
        right: 135px !important;
    }
    in reply to: removed footer but it still shows #1179008

    you can see a preview on your Enfold (Child) – Optionspage:

    in reply to: Datumfeld in Formular mit Datumformatierung #1178961

    Wenn man mal im Text irgendwo das heutige Datum benutzen möchte kann man sich einen Shortcode selbst in die child-theme functions.php setzen
    :

    function date_shortcode() {
      $datum = date_i18n( 'l,  j. F Y' );
      return $datum;
    }
    add_shortcode('datetoday', 'date_shortcode');

    ist dann so zu benutzen: [datetoday]
    schau mal hier ganz unten: https://webers-testseite.de/3columns/

    PS: diesen Shortcode kann man im Übrigen auch im Copyright Feld von Enfold einsetzen. !

    in reply to: Datumfeld in Formular mit Datumformatierung #1178954

    Verstehe ich nicht – du kannst doch im Kontaktformular ein neues Kontaktform Element einfügen und editieren: unter Form Element wählst Du dann Datepicker.

    PS dieses Datumsformat richtet sich im Wesentlichen nach den allgemeinen Einstellungen die du in WordPress gewählt hast – läßt sich aber auch individuell anpassen

    und dann editieren:

    in reply to: removed footer but it still shows #1178948

    It was just a trick to have this tab editable.
    But with stretched layout it is not necessary, because the dynamic-css.php has a rule for this.
    In this case the background color of the socket determines the html background color.

    in reply to: removed footer but it still shows #1178944

    have you refreshed the cache and the merging of enfold css?

    show me the link to your site please

    in reply to: removed footer but it still shows #1178943

    just for info : and now i found the reason why it is socket color: see dynamic-css.php lines 912ff

    case '.socket_color':
    
    	$output .= "
    
    	html, #scroll-top-link, #av-cookie-consent-badge{ background-color: $bg; }
    	#scroll-top-link, #av-cookie-consent-badge{ color: $color; border:1px solid $border; }
    	
    	.html_stretched #wrap_all{
    	background-color:$bg;
    	}
    	";

    so the code says – if you have a socket color and stretched layout – background-color is of html the same

    in reply to: removed footer but it still shows #1178937

    So as i mentioned – allthough it might be body or html background – the color you set on socket is at the bottom when you have stretched layout.

    or do it via quick css – this is the or

    html {  background-color:  #FFFFFF !important }
    
    in reply to: removed footer but it still shows #1178936

    Thats why i said : Go back to general layout and switch back to stretched Layout
    This Tab : body background is only editable if you have the other layout settings – after savingswitch back your general layout.

    If you have boxed or fixed layout – you can ignore this – because then the body background is editable on default.

    in reply to: removed footer but it still shows #1178934

    You never stop learning – it seems to be the socket background color too – allthough it is not present?
    Seems only then on stretched layout that socket color is on background. . So guess you have to make both

    in reply to: removed footer but it still shows #1178933

    go to enfold genral layout – switch to boxed or fixed frame layout :
    now go to general styling : body background : set it to a color. Save your settings
    Go back to general layout and switch back to stretched Layout.

    in reply to: Problem with hyphens #1178926

    i can not see private content – cause i’m participant as you.

    so make it pubplic – or show me a page on demo sites where the problem arises too.
    Or describe it better : what alb do you use and what options for it – then i can help
    otherwise you had to wait til mods are here

    sometimes it helps on css to be more specific:

    #top .avia-slideshow .avia-caption-title {
    	-webkit-hyphens: auto;
    	hyphens: auto;
    }

    or if you can’t find a selector try it with hyphens: auto !important

    in reply to: Problem with hyphens #1178727

    first : for what is the code above – Or where is the selector ?
    second: in chrome – there is no support for auto on normal usage ( only on android and mac )
    https://css-tricks.com/almanac/properties/h/hyphenate/#browser-support

    in reply to: Default Heading Sizes #1178393

    on default (base.css line 54) the font is determined as:
    body {

        font: 13px/1.65em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color:  #444;
        -webkit-text-size-adjust: 100%;
    }

    that is a shortened form of font-size: 13px ; line-height: 1.65em
    you see that line-height here has a relative value.

    If you set a different font-size on : Enfold – General Styling – Fonts : Default content font size
    this value is set to a different font-size.

    the standard font-size definitions are set on base.css ( line 92ff):

    
    h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;}
    h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; }
    h3 { font-size: 20px; line-height: 1.1em; margin-bottom: 8px; } /*28*/
    h4 { font-size: 18px; line-height: 1.1em; margin-bottom: 4px; } /*21*/
    h5 { font-size: 16px; line-height: 1.1em; }						/*17*/
    h6 { font-size: 14px; line-height: 1.1em; }
    in reply to: Left Side: One big column; Right Side: More Elements #1178143

    just use the grid-row element – you can set the cellsize to 3/4 and 1/4
    on the left your content ( it is a drag and drop element like color-section) and put in the cells 1/1 container.

    If you like to have now the grid-row element not full-width : you can do it only with css – but i did this to child-theme functions.php

    function grid_layout_notfull(){
    ?>
    <script>
    (function($){
        $('.av-layout-grid-container.grid-notfull' ).wrap( '<div class="main_color notfullsize color1"></div>');
        $('.notfullsize').css({"clear": "both", "width": "100%" , "float": "left" , "position": "static" , "min-height": "100px" });
        $('.grid-notfull').css({"max-width": "1310px", "margin": "0 auto" , "padding": "0 50px"});
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'grid_layout_notfull');

    you have to adjust that script to your Enfold Settings of Content Width.
    https://webers-testseite.de/nesting-columns/

    in reply to: Active TAB border problem #1178132

    i got for this for all focus states and on tabs

    .tab.active_tab, :focus {
        outline: none !important;
    }
    in reply to: Border radius background mega menu #1178104

    best – i think is to give it to the: #header .avia_mega_div
    and that is the selector where you can change even the box-shadow – maybe a glooming white will be nice for your site.

    #header .avia_mega_div {
    border-radius: 20px;
    box-shadow: 0 0 15px 5px rgba(255,255,255,1) !important;
    }
    in reply to: Add more styles to the default theme #1177517

    The second link you have specified – do you mean the dividers between sections?
    ( on top it is only a svg file as background-image – thats possible in Enfold too )
    I fully agree, that would indeed be a very, very nice thing to have.
    It is possible to get it via child-theme functions.php and some svg usage – but this is something that is not easily accessible by normal users.
    ( see here some examples: https://webers-testseite.de/guenni/ )

    Enfold already has a suitable place where you can place these dividers. Each color section has a div.container as a direct child. These separators can now be placed in front or behind this div (as sibling). The rest is then only css.

    ______

    That little movement of the mobile on scrolling down – can be obtained via waypoint script ( that is already implemented in enfold)
    but this too: is something that is not easily accessible by normal users.
    https://webers-testseite.de/images-in-motion/

    in reply to: Fullwidth Easy Slider #1177444

    on the first page of the fullwidth easyslider there is an option to choose:
    Autorotation active?
    Check if the slideshow should rotate by default

    it is on default to : no
    did you change that?

    _____
    you mean the footer widget area.
    First of all : goto Dashboard – Enfold (Child) – Footer and see what you have here
    you have the choice to determine the outlook of your footer here!

    Here is the setting on what to show – how many widget areas will be shown on frontend, and the copyright info on your very bottom of your page.

    It seems that you have 3 Footer widget-areas here.
    So now goto Dashboard – Appearance – Widgets
    you see three footer widget areas here. ( footer – columns) each of them has a littel toggle arrow on the right.
    you can place the widgets on the left by drag&drop them to the widget-areas.
    Or the same thing on each widget there are toggle arrows too: press them and choose a widget-area they should be placed.
    I prefer the drag&drop method.
    If the footer-widget-area ( f.e. footer-column1 ) is empty – enfold places a dummy content in there.
    these are in for first , second, etc.:
    Interesting links / Pages / Categories / Archive / Bookmarks
    ( by the way this is determined in the file : enfold – includes – admin : register-widget-area.php )

    in reply to: export design to another domain. #1177351

    Well for copy a whole page or post etc – something that was working long time with enfold is to activate the debug mode and copy/paste the enfold shortcodes under the editor field. After saving the pasted code – you have to adjust the image links etc
    Activate the debug mode – put this to child-theme functions.php

    add_action('avia_builder_mode', "builder_set_debug");
    function builder_set_debug(){
      return "debug";
    }

    __________

    On newest enfold there is now one new feature : Export Layout Builder Templates on Import/Export Tab.

    this is to exchange all of your templates made in one installation

    • This reply was modified 5 years, 5 months ago by Guenni007.
    in reply to: media queries not working in styles.css in Child theme #1177349

    this syntax is absolutely correct – but what about before this entry. Is that all you got in your quick css ?

    there must be a different error. This is a fundamental behavior of WordPress itself.
    If there is a “Pluggable-Function” used – and this is allways the case if it is built via :

    if (!function_exists('my_parent_theme_function')) {
        function my_parent_theme_function() {
            // Code of your pluggable function
        }
    }

    you can allways override the function this way (without the if-clause) in child-theme functions.php with :
    ( because – child theme functions are being executed first in WordPress)

        function my_parent_theme_function() {
            // Code of your pluggable function
        }

    so maybe you are willing to post your whole child-theme functions.php here – to see if there are additonal errors.

    _________

    a link f.e.: https://mhthemes.com/support/knb/overriding-parent-theme-functions-child-theme-tutorial/

    in reply to: How to disable tabs on element edit in new enfold?? #1177237

    Thanks Günter – i can wait till next update

    i have no errors on that before:
    Enfold is managing this in functions-enfold.php line: 2318
    (newest Enfold 4.7.2 )

    if( ! function_exists( 'av_return_100' ) )
    {
    	/**
    	* Sets the default image to 100% quality for more beautiful images when used in conjunction with img optimization plugins
    	*
    	* @since 4.3
    	* @added_by Kriesi
    	*/
    	function av_return_100(){ return 100; }
    	add_filter('jpeg_quality', 'av_return_100');
    	add_filter('wp_editor_set_quality', 'av_return_100');
    }

    you allways can replace an existing parent function if it is introduced by if( ! function_exists(…
    in the child-theme functions.php.
    so i only used the existing function : av_return_100

Viewing 30 posts - 5,611 through 5,640 (of 11,484 total)