Forum Replies Created

Viewing 30 posts - 4,621 through 4,650 (of 11,876 total)
  • Author
    Posts
  • in reply to: Thoughts about dividers #1291169

    jetzt also

    in reply to: Change Search Widget Search button color #1291133

    On every of my installations the edit button is there. Well I think your installation of Enfold is faulty then.
    Do you work with a child-theme? Then you can try to reupload enfold again.

    The selector for that is:

    #top .avia_search_element #searchsubmit {
        background-color: red !important;
        color: #000 !important;
    }

    but you had to find the fault anyway

    • This reply was modified 4 years, 9 months ago by Guenni007.
    in reply to: Modify Previous/Next Code #1291132

    in reply to: Modify Previous/Next Code #1291130

    What do you like to modify?
    functions-enfold.php lines 635ff
    there ares some filters you can use to modify the output.

    in reply to: Change Search Widget Search button color #1291087

    but you are logged in as admin ?
    click to enlarge:

    in reply to: Images – Title tag to all blog images #1291079

    if you insert on a text-block a media ( which might often happen on blog posts that are only made via the classic editor) or on text-block alb.
    these images will have no title tag. Where does a double title tag comes from on that images ?

    in reply to: Change Search Widget Search button color #1291077

    you placed the Layout Builder Element : Search in your Layout.
    Go and edit this Element – a popup arises and you have on that popup different setting options.
    On Top you see four tabs :

    Press the Styling Tab and scroll to “Form Colors” ! If you have toggles ( you can switch of that toggles on Enfold Options to always have opend all toggles)
    open that toggle and see- the image from above : https://kriesi.at/support/topic/change-search-widget-search-button-color/#post-1290959
    The last one is for “Button Background Color”

    in reply to: Thoughts about dividers #1291073

    Next idea
    mittels secondary_image = true

    in reply to: Change Search Widget Search button color #1290959

    And you do not have on styling tab of the search alb the “form colors” – “Button Background Color”

    in reply to: Post slider dots indicator #1290943

    _______________
    totaly off topic :lol:
    but nevertheless the calculation formula is wrong for that part

    $slidenumber = $entry_count / (int) $this->atts['columns'];
    // and should be correct:
    $slidenumber = (int)($entry_count / $this->atts['columns']);

    a slidenumber has to be integer so if items are 7 and column count is 3 – the old calculation will bring it to slidenumber of : 2,3333 ?
    first devision than integer.
    After that you don’t need the int() in
    $slidenumber = $entry_count % $this->atts['columns'] ? ( $slidenumber + 1) : $slidenumber;
    all values are integer allready ;)

    Pippi Longstocking: ( PS – i see in english this calculation is not present in the song – so Germans tend to be know-it-all ;) )
    2 x 3 makes 4 – Widdewiddewitt – and 3 makes 9 !!! ;)

    in reply to: Hide author name, comments, category #1290935

    the titles itself got a padding top/bottom of 15 change it to your needs:

    #top .fullsize .template-blog .post-title {
        padding: 10px 0 0;  
    }

    on nomenklatura of css – if you do not declare padding-top padding-right padding-bottom padding-left
    one value ( all have the same value)
    two values ( top/bottom left/right)
    tree values ( top right/left bottom)
    four values ( top right bottom left)

    PS and the entry-content-header has too a padding with big values. Change to your needs to f.e.:

    .bloglist-simple .entry-content-header {
        padding: 15px 60px 0 0;
    }
    in reply to: Show Copyright for images in Standard Editor Blog Posts #1290830

    well if you look to enfold functions-enfold.php you will find this on lines 2336ff
    that allready exists – with little adjustments to enfold nomenklatura – and was the way enfold includes that extra field to media library.

    in reply to: Uploaded Google Fonts Not Working #1290774

    well Lustria itself has only a font-weight native of 400.
    If you go and choose 500 – it will be displayed but rendered by the browser.

    you have a shadowed rule : maybe this is a good place to set the rule as google does only with serif fallback:

    .shadowed h1 {
        font-weight: 500 !important;
        text-shadow: 2px 2px 20px #000000;
        font-family: 'Lustria', serif;
    }

    or:

    h1, h2, h3, h4, h5, h6 {
        font-family: 'Lustria', serif !important;
        font-weight: 400;
    }
    in reply to: Images – Title tag to all blog images #1290771

    the title tag was not supported by WordPress anymore.
    that was a surprise for me too. But if you look in (not enfold !- wordpress) wordpress / wp-admin / includes / ajax-actions.php line: 3251:

    $title = ''; // We no longer insert title tags into <img> tags, as they are redundant.
    

    i discussed it with Günter to get back the attachment title to the images inserted via “Add Media” in text-block : https://kriesi.at/support/topic/images-with-link/

    we/he found a way to newly inserted images via an existing filter – but allready inserted Images are not touched by this.:
    https://kriesi.at/documentation/enfold/image/#add-title-attribute-to-new-inserted-image-via-add-media-button

    in reply to: Thoughts about dividers #1290715

    was mich halt wundert, ist dass ich garnichts einsetze, und es ist das erste (früheste) bild in der Media-Library dann als hintergrund festgelegt.

    in reply to: Section Missing on iPhone Browser #1290709

    i too can not see the reason for it
    on the code i do not see any setting for screen element visibility. As you can set on Advanced Tab of the testimonial element itself.
    But i do see your testimonial on an iphone 8
    maybe it is on your end a caching problem – go to your iphone settings – safari and empty the browser cache.

    by the way : can you have a look on your testimonials if you set up this to your quick css:
    (you had to download the “3d shadow” from my server – and change the url in the css – but for first test it will work )

    .av-large-testimonial-slider .avia-testimonial_inner {
        background-color: #ecf6ff;
        display: inline-table;
        padding: 40px;
        border: 1px solid #aaa;
        position: relative;
        box-shadow: 0 3px 10px -8px #333;
        -webkit-transform:  skew(-3deg);
        transform: skew(-3deg);
    }
    
    .av-large-testimonial-slider .avia-testimonial_inner::before {
        content: "\e833";
        font-family: entypo-fontello;
        font-size: 70px;
        position: absolute;
        top: -15px;
        left: 15px;
        -webkit-filter: drop-shadow(2px 2px 3px #666);
        filter: drop-shadow(2px 2px 3px #666);
        color: #3579b4
    }
    
    .av-large-testimonial-slider .avia-testimonial_inner::after {
        content: " ";
        background-image: url("https://webers-testseite.de/wp-content/uploads/testimonial-shadow.png");
        background-repeat: no-repeat;
        width: calc(100% + 60px);
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-position: bottom right;
        overflow: visible !important;
        background-size: 60px;
        opacity: 0.3;
    }
    
    #top .av-large-testimonial-slider .avia-slideshow-arrows a {
        margin-top: 50px !important;
    }
    
    .responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
        padding: 0px 10px;
    }
    
    .responsive #top .avia-slideshow-controls a {
        display: block;
    }
    
    .avia-slideshow-arrows a {
      overflow: visible !important;
      text-indent: -5000px !important
    }
    
    .avia-slideshow-arrows a.prev-slide::before {
      left: -110px;
    }
    
    .avia-slideshow-arrows a.next-slide::before {
      left: 80px;
    }
    
    

    see here: https://webers-testseite.de/testimonial-styling/

    well you can do it this way in quick css:
    .page-id-25 #footer {display: none}

    but it is better if you avoid generation on your page with id 25:

    add_action('ava_before_footer','avia_footer_top_column');
    function avia_footer_top_column(){
    	if(!is_page(25)){
    		ob_start();
    		dynamic_sidebar( 'footertop' );
    		$footertop = ob_get_clean();
    
    		$output  = "<div class='container_wrap footer_color' id='footertop'>";
    		$output .= "<div class='container'>";
    		$output .= $footertop;
    		$output .= "</div>";
    		$output .= "</div>";
    		echo $output;
    	}
    }

    if you got more than one exclude an array:

    if(!is_page(array( 25, 29, 102))){ 
    

    the exclamation mark is a logical “not” – if it is not page with id=25 do …

    in reply to: pop up Modal window disappear after updating #1290698

    replace this line ( it is deprecated in jQuery 3.5.1)

    jQuery(window).load(function(){
    

    with that line:

    jQuery(window).on('load', function(){
    

    and if you got a click event on your child-theme function.php
    replace it in the same way with

    // old:
    .click(function () {
    // new:
    .on('click', function() {
    in reply to: Timeline – Milestone Bullet #1290670

    take this for the first try:

    <div id="timeline">
    <div class="timeline-block">
            <div class="timeline-date">
              <h3><em>Text</em> Date <em> after Date </em></h3>
            </div>
            <div class="timeline-content">
                <h3>Title</h3>
                <p>Text-block</p>
            </div>
    </div>
    <div class="timeline-block">
            <div class="timeline-date">
              <h3><em>Text</em> Date <em> after Date </em></h3>
            </div>
            <div class="timeline-content">
                <h3>Title</h3>
                <p>Text-block</p>
            </div>
    </div>
    <div class="timeline-block">
            <div class="timeline-date">
              <h3><em>Text</em> Date <em> after Date </em></h3>
            </div>
            <div class="timeline-content">
                <h3>Title</h3>
                <p>Text-block</p>
            </div>
    </div>
    <div class="timeline-block">
            <div class="timeline-date">
              <h3><em>Text</em> Date <em> after Date </em></h3>
            </div>
            <div class="timeline-content">
                <h3>Title</h3>
                <p>Text-block</p>
            </div>
    </div>
    <div class="timeline-block">
            <div class="timeline-date">
              <h3><em>Text</em> Date <em> after Date </em></h3>
            </div>
            <div class="timeline-content">
                <h3>Title</h3>
                <p>Text-block</p>
            </div>
    </div>
    </div>
    in reply to: Timeline – Milestone Bullet #1290669

    sorry – remove those comments which are not suitable for html
    PS this is the right way for comments in html docs:
    <!-- this is a comment in a html doc -->

    <div id="timeline">
          <div class="timeline-block">
            <div class="timeline-date">
              <h3><em>Text</em> Date <em> after Date </em></h3>
            </div>
            <div class="timeline-content">
                <h3>Title</h3>
                <p>Text-block</p>
            </div>
          </div>
    </div>

    and this is the part that is duplicated for each timeline item:

    <div class="timeline-block">
            <div class="timeline-date">
              <h3><em>Text</em> Date <em> after Date </em></h3>
            </div>
            <div class="timeline-content">
                <h3>Title</h3>
                <p>Text-block</p>
            </div>
    </div>

    surrounded only by one :

    <div id="timeline">
     … here comes the timeline-items( once , twice, etc. pp.)
    </div>
    in reply to: Timeline – Milestone Bullet #1290668

    i do not see private message content – i’m participant as you are.

    in reply to: Timeline – Milestone Bullet #1290642

    there are ways with jQuery to get a timeline ALB to something like this – but – that is too complicated i think:
    the code above is clear enough – and pure html – and very fast to add a lot of timeline-blocks
    better you forgot the next !!!

    child-theme functions.php:

    function timeline_reconstruction(){
    ?>
    <script>
    (function($) {
    	$('.av-milestone-date').each( function() {
    	     var mstoneDate = $(this).html();
    	     $(this).find('.av-milestone-indicator').html('<div class="sign"></div>');
    	     $(this).siblings('.av-milestone-icon-wrap').html(mstoneDate);
    	     $(this).css('opacity', '0');
    	});
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'timeline_reconstruction');
    .av-milestone-indicator {
      position: absolute;
      content: "";
      top: 100px;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url(/wp-content/uploads/a-nice.svg);
      background-repeat: no-repeat;
    }
    
    .av-milestone-icon-wrap strong {
      font-size: 24px
    }

    and you may have this only for the non responsive case in a media query with min-width.

    in reply to: Timeline – Milestone Bullet #1290641

    h- hhh – clears throat – and why not cloneing ? ;)

    put a codeblock element in a column (1/1)
    and insert that html pasted from that page:

    <div id="timeline"> <!-- opening tag of the timeline -->
    
          <!--  So this is the always the same block  -->
          <div class="timeline-block">
            <div class="timeline-date">
              <h3><em>Text</em> Date <em> after Date </em></h3>
            </div>
            <div class="timeline-content">
                <h3>Title</h3>
                <p>Text-block</p>
            </div>
          </div>
           <!--  End of timeline item -->
    
    </div> <!--  Closing tag of the whole timeline -->

    quick css for that:

    
    #timeline {
     margin: 30px 30px 80px;
     position:relative
    }
    #timeline .timeline-block {
     width:100%;
     float:left;
     position:relative
    }
    #timeline .timeline-block:before {
     content:'';
     position:absolute;
     top:0;
     left:15%;
     height:100%;
     width:1px;
     background:#433322;
     margin-left:-1px;
     z-index:-1
    }
    #timeline .timeline-date {
     float:left;
     text-align:center;
     width:30%;
     height:100%;
     background:url('/wp-content/uploads/separator-2.svg') no-repeat #f5ede2;
     background-position:center bottom 10px;
     background-size:auto 10px;
     padding:10px 0 30px 0;
     margin-top:5px
    }
    #timeline .timeline-date h3 {
     margin:0
    }
    #timeline .timeline-date h3 em {
     font-style:normal;
     font-size:1.2rem;
     display:block
    }
    #timeline .timeline-content {
     width:70%;
     float:right;
     position:relative;
     padding:20px 0 80px 0;
     box-sizing:border-box
    }
    #timeline .timeline-content:last-child {
     padding-bottom:0
    }
    #timeline .timeline-content h3 {
     text-align:left
    }
    @media only screen and (min-width:960px) {
     #timeline .timeline-block {
      width:58.8%;
      float:right
     }
     #timeline .timeline-block:nth-child(even) {
      float:left
     }
     #timeline .timeline-block:nth-child(even):before {
      left:auto;
      right:15%;
      margin-left:0;
      margin-right:-1px
     }
     #timeline .timeline-block:nth-child(even) .timeline-date {
      float:right
     }
     #timeline .timeline-block:nth-child(even) .timeline-content {
      float:left
     }
     #timeline .timeline-block:nth-child(even) .timeline-content,
     #timeline .timeline-block:nth-child(even) .timeline-content h3 {
      text-align:right
     }
    }

    https://webers-testseite.de/timeline-2/

    in reply to: Hide author name, comments, category #1290635

    click to enlarge:

    in reply to: Timeline – Milestone Bullet #1290612

    the rule that is responsible for the little dashed line is:

    .avia-timeline-vertical .av-milestone-icon-wrap::after {
        content: "";
        height: 1000%;
        width: 1px;
        position: absolute;
        top: 0;
        left: 50%;
        border-left-style: dashed;
        border-left-width: 1px;
    }

    if you want to change something that will be the first startpoint for it.
    For border-style see f.e.: https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#values

    to put instead a dynamic Date inbetween these spaces is hard to obtain.

    in reply to: How to place a custom widget area on page? #1290611

    on the advanced layout builder you got under Content Elements : Widget Area

    so place it where ever you like

    goto Dashboard – Appearance – Widgets – Enfold Child Custom Widget Area
    put in a unique name for your child-theme widget Area and press : “Add widget Area”

    This Area you can show with the above mentioned in your content.

    in reply to: related post in h4 #1290609

    can you try this in your child-theme functions.php:

    function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array() ){
      if( $context == 'avia_masonry' ){
        $args['heading'] = 'h4';             
      } 
      return $args;
    }
    add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );

    change h4 if you better like span or p tags

    in reply to: Post slider dots indicator #1290579

    empiric : just count how many you have – sorry better word is probably : pragmatic
    I’m just not a native english-speaking participant here. ;)

    in reply to: Image won't display at original size in lightbox #1290548

    or you use some filters on that:

    
    // for image lightbox setting 
    function change_lightbox_size() {
        return "full";
    }
    add_filter('avf_avia_builder_helper_lightbox_size','change_lightbox_size', 10);
    
    // this for masonry-galleries 
    function avia_change_masonry_thumbnail_link($size){
      return "full";
    }
    add_filter('avf_avia_builder_masonry_lightbox_img_size', 'avia_change_masonry_thumbnail_link', 10, 1);
    
    // Guess this will work too for galleries and masonries
    function avia_change_gallery_thumbnail_link($link, $attachment, $atts, $meta){
        $link = wp_get_attachment_image_src($attachment->ID, "full");
        return $link;
    }
    add_filter('avf_avia_builder_gallery_image_link', 'avia_change_gallery_thumbnail_link', 10, 4);
    in reply to: Post slider dots indicator #1290541

    hm – now i know – the calculation takes the entry_count form alb items input field ! and not a calculated items count !
    The entry-number : All expresses “-1”

    Solution now: you had to know how many items there are ;)
    (you can see that on category or portfolio categories list)
    – and set this in the postslider alb yourself in :
    “Entry Number
    How many items should be displayed?”

    ________
    * but great difficulty is : if you show more than one category – and they have items with both categories; if you have more than one postslider on a page and have offset activated … etc pp.
    so best would be if there is a calculation of items – don’t know if it is possible. – but – see asterisk above ? – if that would be possible?

    Guess the empiric method would be the easiest way for now.

    • This reply was modified 4 years, 9 months ago by Guenni007.
Viewing 30 posts - 4,621 through 4,650 (of 11,876 total)