Showing post titles on homepage

  • Author
    Posts
  • #81682

    jegaddis
    Member

    Hi,

    Is it possible to have post titles show on the homepage at all times (don’t need to hover the mouse over) without the featured image being faded out via CSS?

    Thanks!

    The blog I need help with is foodchainchronicles.com.

    #81815

    binarymoon
    Theme Author

    Hi there – this is possible (although it’s quite complex) but it requires the custom css upgrade which is part of the premium plan.

    If you have that then I can see if I can put together some css that will do what you want.

    #81818

    jegaddis
    Member

    Thanks for getting back to me!

    Yes I do have WP Premium

    #81866

    binarymoon
    Theme Author

    Hi – the custom CSS used for the mobile layout is the following:

    article.post-archive section.meta {
        z-index: 99;
        top: auto;
        bottom: 0;
        opacity: 1;
        background: rgba(0, 0, 0, 0.3);
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.65) 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.65)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.65) 100%);
        /* Chrome10+,Safari5.1+ */
        background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.65) 100%);
        /* IE10+ */
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.65) 100%);
        /* Opera 11.10+ */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.65) 100%);
        /* W3C */
        padding: 30px 20px 10px;
        height: auto;
      }
      article.post-archive section.meta .entry {
        display: none;
      }
      article.post-archive section.meta p a,
      article.post-archive section.meta h2 a {
        color: #ffffff;
      }
      article.post-archive.has-thumbnail:hover .post-image-wrapper,
      article.post-archive.has-thumbnail.focus .post-image-wrapper {
        width: 100%;
        height: 100%;
        margin: 0;
        opacity: 1;
      }

    Hopefully that does what you want

    #81892

    jegaddis
    Member

    Yes, works wonderfully!

    Thank you so much!

The topic ‘Showing post titles on homepage’ is closed to new replies.