Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 9, 2015 at 5:21 pm #426081
    Rogier

    Is there documentation on the post type icons and or post image thumbnails? Not quite sure if theme supports the latter, but in any case I am looking for documentation on whatever imagery may be associated with posts in the masonry grid view and also related posts. Thanks.

    April 9, 2015 at 9:03 pm #426199
    Elliott

    Hi Rogier!

    Go ahead and send us a link to your page and take a screenshot highlighting what your trying to do so we can get a better idea.

    Regards,
    Elliott

    April 9, 2015 at 9:23 pm #426206
    Rogier
    This reply has been marked as private.
    April 9, 2015 at 9:24 pm #426207
    Rogier

    Hi Elliot,

    Thanks for your response.

    My first question pertains to the post type icon, as it appears here on a custom post type ‘archive’ grid:

    http://note.io/1IwzUMO

    I’ve found some support posts on how to hide the pencil, or even swap the symbol, but I am not sure how to customize the complete appearance of icon and surrounding rectangle:

    – I am not sure whether this rectangle can contain some image generated from the post in question and / or a thumbnail uploaded separately?

    – It would also be great to understand which other Entypo icons are available. For example, I tried to swap the pencil with ‘star’ or ‘heart’ in functions.php, but to no avail.

    My second question is about the related post icon.

    http://note.io/1IwB62H

    I found some code on how to customize this, but I am struggling to understand what the 50% width and height is supposed to be doing. For me it just crops the image.

    .related-format-icon.related-format-visible {
background: url('/RelatedPostIcon.png') no-repeat 50% 50%;
}

    All-in-all I would just like to know how to globally control exactly the appearance of these icons / images, and potentially how to create a custom icon / image per post.

    Thank you,

    Rogier

    April 10, 2015 at 6:58 pm #426706
    Elliott

    Hi!

    Creating custom icons would have to be considered custom work. If you want you can replace the icons with your own images though.

    The CSS would look like this.

    span.related-format-icon-inner:before {
  display: none !important;
}
span.related-format-icon-inner {
  background: url("URL to your icon") !important;
}

    Regards,
    Elliott

    April 10, 2015 at 10:28 pm #426809
    Rogier

    Elliott, thank you.

    April 11, 2015 at 9:44 am #426982
    Rikard

    Hi!

    Glad we could help :)

    Regards,
    Rikard

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