Forum Replies Created

Viewing 30 posts - 1,561 through 1,590 (of 11,707 total)
  • Author
    Posts
  • in reply to: change style of read more #1440191

    it is still the png as logo. you can just upload that file to media library and insert it to the logo input field.
    Enfold will recognise that you have it centered on top – and will adjust the setting inside the svg ( preserveAspectRatio )

    because you merge the css and js files – refresh that on Performance – Delete Old CSS And JS Files? at the bottom

    in reply to: Place more than one Icon with Text Item in Top Bar #1440137

    on your setting now try this in quick css:

    .phone-info div > span {
      display: inline-block;
      float: none;
    }

    but such a code is hard to edit so i wouldn’t work with enfold-shortcodes here – but pur html will work too.
    f.e in phone-number input field

    <a href="link1"><span class="map">Location</span></a><a href="link2"><span class="contact">Contact</span></a><a href="tel:+490221123456"><span class="tel">Phone</span></a>

    see here on header meta: https://webers-testseite.de/text/

    after that the classes will do their job in quick css:

    .responsive #header_meta .phone-info span {
        color: #aaa;
        margin-right: 15px;
        font-size:16px
    }
    
    .phone-info span::before {
        font-family: entypo-fontello;
        font-size: 24px;
        padding-right: 5px;
        position: relative;
        top: 2px;
    }
    
    .phone-info .map::before { content: "\e842"; color: #900}
    .phone-info .contact::before { content: "\e805"; color: #090}
    .phone-info .tel::before { content: "\e854"; color: #009}
    .phone-info .mail::before { content: "\e805"; color: #090}
    in reply to: Favicon on ios #1440135

    On my devices (iphone and ipad) the favicon is not visible. The problem only occurs with enfold, other sites have no problems.

    That is the reason why i ask for a link to a page where it is working for you. ( not your site – but the one – without enfold where you can see on your iPhone what you like to have.) then we can inspect the differences in head section.

    in reply to: Favicon on ios #1440075

    can you link to a page where the icons are shown, so we can have a look to the head section how the icons are linked.
    Next iPhone – what kind of device you are using and what iOS is running? – And you are talking about Safari on iOS?

    in reply to: Favicon on ios #1440052

    I’m not even sure if they were ever in the url line. Apple Touch icons work well anyway. And even on my older iPhone with iOS 16.5, I can only see them when I look at the open tabs.

    If you do a Google search yourself, you’ll see that it seems not to be an Enfold problem, but a general problem.

    have a look at your enfold settings concering “performance”
    do you use f.e. the option: Responsive Images ?
    A slider set up for desktop can have images wider than 1500px – if you do not use the responsive image option these sliders will have on small screens the same image source.

    in reply to: change style of read more #1440037

    by the way – why don’t you use a svg as logo?
    sharpness will be much better:
    – you can download it here:
    https://webers-testseite.de/savenergy-logo.svg

    Comparison (with screenshot)

    in reply to: change style of read more #1440034

    you had to adjust to the color you like:

    
    #top .read-more-link .more-link {
      text-transform: uppercase;
      text-decoration: underline;
      color: #a6c626;
    }
    in reply to: Split 1 column into 2 rows #1440001

    The flex-cell itself has an editor option. Click the edit button of that cell on the right. There is a tab with “styling” options. On Cell padding you see the comment:

    Cell Padding
    Set the distance from the cell content to the border here. Theme default is 30px.

    if you set that padding to Zero – you won’t have that white space

    in reply to: Dünne Linie unter Farbsektion generell ausblenden #1439994

    Wenn du trotzdem alle ( auch die manuell gesetzten Einstellungen) überschreiben willst, könntest du in das Quick CSS folgendes setzen:
    ___
    If you still want to overwrite all settings (including the manually set ones), you could set the following in the Quick CSS:

    #top #wrap_all #main .container_wrap  {
      border-top-width: 0px;
    }
    in reply to: Dünne Linie unter Farbsektion generell ausblenden #1439993

    Welche Version von Enfold nutzt Du? Weil – ja es war mal so, dass die sections standardmäßig eine 1px top border erhielten; Seit man aber in den Einstellungen der Color-Section die Auswahl bei Layout – Border die Einstellung setzen kann, ist das wohl nicht mehr so.
    Die Standardeinstellung ist nämlich die, dass dann die Klasse: avia-no-border-styling gesetzt wird. Diese Klasse sorgt dafür , dass die Regel:

    .container_wrap {
      border-top-style: solid;
      border-top-width: 1px;
    }

    nicht mehr greift wegen:

    #top #wrap_all #main .avia-no-border-styling {
      border: none;
    }

    Wie gesagt, daher vermute ich Du nutzt eine ältere Version.

    ____________

    Which version of Enfold are you using? Because – yes, it used to be the case that the sections had a 1px top border by default; but since you can set the selection in the settings of the color section under Layout – Border, this is probably no longer the case.
    The default setting is that the class: avia-no-border-styling is then set. This class ensures that the rule:

    .container_wrap {
      border-top-style: solid;
      border-top-width: 1px;
    }

    no longer applies because of:

    #top #wrap_all #main .avia-no-border-styling {
      border: none;
    }

    So I assume you are using an older version.

    in reply to: Fonts not responsive #1439878

    if you set up a rule on “Advanced Styling” for example for a h1 – the rule is noted as:

    #top #wrap_all .all_colors h1 {
      font-family: 'brush script mt',Helvetica,Arial,sans-serif;
    }

    the selector got 2 IDs – so it has a high specifity (https://www.w3schools.com/css/css_specificity.asp)
    and see how the specifity counts: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

    But if there is another rule f.e. in quick css that got a higher specifity – or is set to !important – “Advanced styling rule” is ignored.
    f.e. as: #top #wrap_all #main .all_colors h1
    For this reason, I add rules to my Quick CSS with at least one ID (#top) that should “win”.
    I try to avoid using !important.

    in reply to: how to add hyperlink to table cell #1439877

    I hope I understand you correctly. You have inserted a table element (one of these Layout Builder elements). There you are trying to set a link to an external website in edit mode. What exactly did you insert into the table cell?
    (Please enter this in a code tag so that we can take a closer look.)

    like this :
    <a href="https://bridges2hs.org" target="_blank" rel="noopener">bridges2hs.org</a>

    in reply to: Fonts not responsive #1439799

    by the way you can upload ttf files to : https://transfonter.org/

    test this zip file f.e. – erase all your uploaded Montserrat zip files.
    https://webers-testseite.de/Montserrat.zip

    in reply to: Fonts not responsive #1439797

    if it is you page ( and your nick is very informative ) i think you have uploaded only that montserrat font (and gotham-pro) via the fontmanager – but you have uploaded the whole downloaded font zip file.
    Inside that zip there are variable font files and in a subfolder the static font files.
    your static font folder leads to the result that the Montserrat Font is listed as font-family: static

    By the way :
    new Enfold can also handle these variable font files – but I would recommend uploading them separately.

    For example, put the Montserrat variable files in a folder and name it Montserrat-variable.
    Pull out the static folder from the zip file and rename it to Montserrat.

    For performance reasons, it is now time to consider whether you really need all the fonts. The list is very long, especially for Montserrat. In principle, the variable fonts should be sufficient for all modern browsers.

    However, if you only need, for example, light, regualar and bold, it may even be better to upload only the static fonts (woff2, ttf). In addition, Montserrat is a font where the italic variant hardly differs from a normal slanted font.
    You could therefore live with the fact that only the normal font styles are uploaded and the italic fonts are converted by browser rendering.

    Then zip these two folders (please not in Mac Zip format – so without all the invisible files OSX packs in), but without the metadata. Betterzip also has a “zip for PC” option.
    Then upload these folders to the font manager.

    PS: the uploaded Fonts can be found at the bottom of the font dropdown list ;)

    in reply to: Sub logo not updated with avf_logo hook #1439690

    sorry one error there is an extra attr for Logo ID: header_replacement_logo_id

    so snippet has to be :

    function av_change_alt_logo_img($header){
        if(is_page(1313)) {
    	$header['header_class'] .= ' av_alternate_logo_active';  
            $header['header_replacement_logo_id'] = 3951;
        }
        return $header; 
    }
    add_filter('avf_header_setting_filter','av_change_alt_logo_img');
    in reply to: Masonry Gallery – Styling #1439646

    1) give a custom class to the masonry gallery – f.e. : custom-gap and put this to your quick css:

    #top #wrap_all .av-masonry.custom-gap .av-masonry-entry .av-inner-masonry {
      margin-right: 50px;
      margin-bottom: 50px;
    } 

    2) what do you mean by: gap is selected ?

    in reply to: Change Toggle Title in Accordion Feature to H3 #1439612

    From my point of view the topic can be closed now – thanks again.

    in reply to: Adjusting Blog Posts Grid Layout #1439587

    OK

    in reply to: Adjusting Blog Posts Grid Layout #1439574

    or maybe this is nicer to handle:
    just change now the wanted value on root setting ;)

    :root {
      --blog-margin-left-value : 2%;
    }
    
    #top .slide-entry.av_one_third.first {
      margin-left: 0px ;
    }
    
    #top .slide-entry.av_one_third {
      margin-left: var(--blog-margin-left-value);
      width: calc((100% - 2 * var(--blog-margin-left-value)) / 3);
    }

    PS: if you like to have no space use 0px ( not only Zero)
    if you like to be more specific – use a custom class on blog posts element

    :root {
      --blog-margin-left-value : 5%;
    }
    
    #top .avia-content-slider.custom-class .slide-entry.first {
      margin-left: 0px ;
    }
    
    #top .avia-content-slider.custom-class .slide-entry.av_one_third {
      margin-left: var(--blog-margin-left-value);
      width: calc((100% - 2 * var(--blog-margin-left-value)) / 3);
    }
    in reply to: Adjusting Blog Posts Grid Layout #1439572

    it depends on how many columns you have choosen in the blog-post alb element
    this is for a 3 column the default setting. Because the first column should have no margin-left – you see how it works ( 100% width – 2 times margin left = 88) so for the columns: 88/3 = 29,3333

    .slide-entry.av_one_third {
      margin-left: 6%;
      width: 29.333333333333332%;
    }

    so if you only like to have 3% then it is:

    #top .slide-entry.av_one_third.first {
      margin-left: 0px ;
    }
    
    #top .slide-entry.av_one_third {
      margin-left: 3%;
      width: 31.33333%;
    }

    this is very unusual for a wordpress media library. Because upload got a default big image limitation to 2540px.
    Have you turned of the limitation by:
    add_filter( 'big_image_size_threshold', '__return_false' );

    but you are right even with the scaled image of 2540px – it will be too big.

    in reply to: Change Toggle Title in Accordion Feature to H3 #1439510

    Many thanks !!!

    So if I want to disregard the slide number – and just want to change all default headings in the Easy-Slider to h1 – then:
    i do not need the index in this case

    function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array()){
    	if( 'avia_slideshow' == $context ){
    		//	get class of slideshow
    		$slider_class = get_class( $extra_args[2] );
    		if( in_array( $slider_class, [ 'avia_sc_slider' ])){
    			//	current slide in loop
    			$slide = $extra_args [3];
    			//	get shortcode attributes of current slide
    			$attr = $slide['attr'];
    			//	only change for first slide and when default
    			if( '' == $attr['heading_tag']  ){
    				$args['heading'] = 'h1';
    			}
    		}
    	}
    	return $args;
    }
    add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );
    in reply to: Change Toggle Title in Accordion Feature to H3 #1439470

    yes it is all inside the helper file: class-avia-slideshow
    but even if i use that class: avia_slideshow the extra_args [1] will not work here

    btw: I think it would generally make more sense if the filter could only ever replace the “default setting”. After all, if you have manually set a different heading tag, you usually want to keep it. Or do you not?

    in reply to: Change Toggle Title in Accordion Feature to H3 #1439321

    One question about sliders – the context is on all sliders : avia_slideshow
    and filter is placed inside class-avia-slideshow.php – the $default_heading is build differently to the other alb elements.

    how to only replace the default setting (h2) only e.g. for easy-slider (avia_sc_slider)?

    My Arrows key “LEFT” is not working??

    you are talking about your keyboard key : return key = Enter key ?
    this is keyCode == 13 – maybe that plugin does preventDefault() that key from working.

    in reply to: Can’t make grid row slim #1439313

    if you do have this very often – and you like to avoid to many DOM Elements – you can have a separator that way by using the pseudocontainer “after” for it.

    Best is to do it with a custom class on the sections.

    .avia-section { 
      position: relative !important;
    }
    
    .avia-section:after { 
      content: "";
      position: absolute !important;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 15px;
      background-image: -webkit-linear-gradient(90deg, #719430 33%, #92bb46 33%, #92bb46 66%, #acd464 66%);
      background-image: linear-gradient(90deg, #719430 33%, #92bb46 33%, #92bb46 66%, #acd464 66%);
      background-size: cover;
      background-repeat: no-repeat;
    }

    you see how the gradient works?

    in reply to: Can’t make grid row slim #1439306

    it is the flex_cell setting – because default padding of flex_cell is 30px . You can set it for each flex_cell now or give a custom class to the grid-row – f.e. stepcolor-separator and set in quick css:

    #top .stepcolor-separator .flex_cell {
      padding: 10px
    }

    PS: do not forget to set on advanced tab the mobile behavior : “Cell appear besides each other …”

    in reply to: Ninjaforms datepicker #1439282

    but the left datepicker changes to rightMost class too from a given screenwidth on ( 2094px ) and then the selector will be active for both datepickers.
    I would write to Ninjaforms again with this information. There is definitely a bug in the calculation script.

    in reply to: Ninjaforms datepicker #1439275

    is your flatpickr uptodate? ( For ninjaforms it is called: Advanced Datepicker )
    i can find on google some similar messages about calculating the right positioning.

Viewing 30 posts - 1,561 through 1,590 (of 11,707 total)