Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 25, 2022 at 2:06 pm #1366260
    evas49

    Hi,
    i want to get rid of the date:
    .av-masonry-date {
    display:none !important;}

    When i set it on display: none the masonry elements height shrink and the read more button i added is slightly cut of by the masonry elements bottom border.
    When i keep the .av-masonry-date it works like a spacing element.
    The read more button has this CSS:

    .av-masonry-read-more {
	background: #c3512f !important;
	width: 99px !important;
	color: #fff !important;
	padding: 4px 0px 4px 15px !important;
	margin-top: 14px !important;
	font-weight: bold;
	border-radius: 4px;
}

    Adding a margin-bottom for the button does NOT work. I tried.

    How do i remove the date element AND have a 12px distance between the button and the bottom end of the masonry element?

    regards
    eva

    September 26, 2022 at 8:51 am #1366298
    Ismael

    Hey evas49,

    Thank you for the inquiry.

    We are not able to reproduce the same issue on our end. Removing the date using the same css code above works fine.

    Would you mind providing a a link to the site or a screenshot of the issue? You can use imgur, savvyify or dropbox for the screenshot. Thanks.

    Best regards,
    Ismael

    September 26, 2022 at 12:31 pm #1366336
    evas49

    1:With “date” still there, but font color white – so it works as a spaceholder:
    Screenshot 6
    This i what a want

    2: With date set on display: none:
    Screenshot 7
    You see that the “read more” has no margin and that looks ugly.

    cleared?

    kind regards
    eva

    September 27, 2022 at 9:12 am #1366481
    Ismael

    Hi,

    Thank you for the info.

    Have you tried applying a bottom margin to the read more button after hiding the date?

    .av-masonry-read-more {
	margin-bottom: 30px;
}

    You can also adjust the bottom padding of the masonry item container.

    Best regards,
    Ismael

    September 28, 2022 at 5:00 pm #1366751
    evas49

    i have already answered this question.
    Do you realy read what i write?

    September 29, 2022 at 8:40 am #1366842
    Ismael

    Hi,

    You can also adjust the bottom padding of the masonry item container.

    How about the above? Your masonry element looks different compare to the default layout of the masonry element in the theme. Did you edit the masonry template? Please provide a link to the page so that we can check it.

    Best regards,
    Ismael

    October 4, 2022 at 12:15 pm #1367555
    evas49

    – I wrote: “and the read more button i added”
    – like i already said multiple times: margins and paddings for the read more button have NO INFLUENCE.
    – No, i did not edit the masonry template – i added some PHP for my child themes functions.php which you gave me:

    /* Fügt "read more" button zu Masonry Elements */
function savvy_custom_mod(){
?>
<script>
(function($){
  $(window).on('av-height-change', function() {
    $('.av-masonry:not([class*="-gallery"]) .av-masonry-entry').each(function() {
      var more = $(this).find('.av-masonry-read-more');
      var cont = $(this).find('.av-masonry-entry-content');
  
      if( more.length == 1 ) return;
      cont.append('<div class="av-masonry-read-more">weiterlesen...</div>');
    });
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'savvy_custom_mod');

    eva

    October 4, 2022 at 2:17 pm #1367570
    Yigit

    Hi Max,

    We cannot reproduce the issue. Post a link of your page when it is available.

    Regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘av-masonry-date – remove?’ is closed to new replies.