Forum Replies Created

Viewing 30 posts - 5,611 through 5,640 (of 11,485 total)
  • Author
    Posts
  • in reply to: Black and White Images #1180689

    you always have to look for the right selector. On some portfolios ( f.e. Masonry Portfolio Grid ) these images are background-images and no avia-image

    but the transform on hover goes to the same selector:
    on many instances it looks nicer to have the hovered style colored so:

    .avia_desktop .av-masonry-entry .av-masonry-image-container {
        -webkit-filter: grayscale(100);
        filter: grayscale(100);
    }
    
    .avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }

    PS : The best thing is to familiarize yourself with the development tools of each browser ( most of them have one ) to always find the right selectors. It is not that difficult. Point the mouse to the place you want to investigate, and then click on “investigate” or similar in the context menu (usually the right mouse button).

    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

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