Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • June 13, 2019 at 4:21 pm #1109901
    darryllevine

    Hello,

    Is it possible to remove the default or fallback image (the pencil) from the magazine view? So far, I have only managed to either show all images or to hide all images. I would like my image to appear when I have uploaded one and I would like to make the default pencil image disappear when I haven’t uploaded an image.

    I am using magazine view, with categories and the first entry displayed bigger, so I’m hoping to achieve this for the thumbnails and as well as for the first entry with a bigger image.

    Thank you!

    June 13, 2019 at 7:27 pm #1110004
    Jordan Shannon

    Hey darryllevine,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    June 13, 2019 at 8:04 pm #1110044
    darryllevine
    This reply has been marked as private.
    June 14, 2019 at 5:45 am #1110199
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    a.av-magazine-entry-icon:before {
  display:none;
}

    Best regards,
    Rikard

    June 14, 2019 at 3:33 pm #1110352
    darryllevine

    Hello,

    This removes the icon itself, but not the box around it. Is it possible to also remove the box?

    Thanks!

    June 14, 2019 at 3:47 pm #1110356
    Yigit

    Hi,

    Please use following code instead 

    .av-magazine-hero .av-magazine-thumbnail {
    border: none;
}
.av-magazine-hero .av-magazine-thumbnail a {
    background: transparent!important;
}

    Best regards,
    Yigit

    • This reply was modified 5 years, 5 months ago by Yigit.
    June 14, 2019 at 4:17 pm #1110367
    darryllevine

    Hello,

    Ok, this works for the hero image, but not the thumbnail (there is still a background and border).

    Also, for the hero image, is it possible to remove the space itself (not just the border and background)? Because it leaves a big space and things are misaligned. For the thumbnail, it is OK to keep the space (removing it here would misalign things I think).

    Thank you.

    June 14, 2019 at 6:38 pm #1110415
    Jordan Shannon

    Hi,

    Add this to quick css:

    
.av-magazine-thumbnail{
border:0px!important;
}

.av-magazine-entry-big .av-magazine-thumbnail{
display:none!important;
}

    Best regards,
    Jordan Shannon

    June 14, 2019 at 8:30 pm #1110478
    darryllevine

    Hi,

    Thank you, however, this is not doing what I hope. What I would like is for :
    1) the fallback thumbnails (and it’s border/background) to disappear if I have not uploaded a photo
    2) the fallback hero image (and it’s border/background and space) to disappear if I have not uploaded a photo.

    The following code removed the space of the fallback hero image, but it also removed the hero images I uploaded:
    .av-magazine-entry-big .av-magazine-thumbnail{
    display:none!important;
    }

    ===

    The following code, removed the border on all thumbnails (not just the fallback thumbnails) and it did not remove the background of the default image.
    .av-magazine-thumbnail{
    border:0px!important;
    }

    June 15, 2019 at 7:01 pm #1110695
    Mike

    Hi,
    Try adding this code to the end of your functions.php file in Appearance > Editor:

    function custom_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
$('.av-magazine-thumbnail a:not(:has(img))').closest( '.av-magazine-thumbnail' ).css({'opacity':'0'});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

    it will remove the image frame when no image is included.
    Please see the screenshot in Private Content area.

    Best regards,
    Mike

    June 18, 2019 at 4:24 pm #1111349
    darryllevine

    Thanks so much Mike, this has worked well for the small thumbnail.

    For the hero image, I’m trying to do the same thing, in addition to removing the actual space where the fallback image is supposed to go.. but only when there’s not fallback image. Right now, the CSS code I was given removes the hero image even when I have uploaded one. Do you know how I can do that too?

    Thanks!

    June 20, 2019 at 4:21 am #1111790
    Mike

    Hi,
    Glad to hear this helped. Please link to an example page that has a hero image that you want to remove because there is no fallback image. Also include another page that does have a fallback image and you don’t want to remove so I can check my code.
    Is this for only certain screen sizes? I’m not really sure of your goal, or the space you are referring to:
    …the actual space where the fallback image is supposed to go…
    typically the fallback image takes the same space as the missing image.

    Best regards,
    Mike

    July 10, 2019 at 3:02 pm #1117484
    darryllevine

    Hello,

    We were never able to remove all fallback images / spacing, so we decided to create our own fallback images instead. This discussion can be closed.

    Thank you.

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.