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: (visible only to logged in users)

    #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
    Original poster

    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
    Original poster

    Yes, works wonderfully!

    Thank you so much!

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