Vertical alignment of post title in featured section

  • Author
    Posts
  • #123148

    s3gadmin
    Member

    Hi. I would like to bottom align the title of my featured post because it covers up the faces in the picture when viewed at certain sizes (mostly on Mobile). Is there some CSS I can add to essentially have it sit at the bottom?

    The blog I need help with is s3gdev.com.

    #123268

    mmcalister
    Theme Author

    Hi there,

    I would recommend hiding the text on the first slide so it doesn’t cover up the faces at all. This should do the trick:

    .hero-posts .post:first-child .hero-text { display: none; }

    #123269

    s3gadmin
    Member

    thank you for the quick response. when I added that code, it removed the title for just that first post, but it also shortened the vert height of the carousel, pushing the other text (for the 2nd, 3rd, etc carousel items) up higher, intruding on the faces again (though not quite as bad as where the title was).

    If I just keep to this one featured entry (which I am considering) then people will have no way to click that article to see my welcome page message. I was thinking of having it persist on my site since there was no other way to get a featured image on the home page.

    I guess my preference in the end would be to just have that one featured image (the Welcome post) pinned to my home page and have people be able to click it to read the welcome message. If I do that, is there another CSS line that I can use to change the height of the post title?

    #123421

    mmcalister
    Theme Author

    Hi there,

    Thanks for your patience on this ticket while we worked through catching up after the holiday.

    Your site looks to be doing what you were trying to do, a single entry in the carousel linking to the welcome message. You can change the height of the title area on the homepage with the following CSS:

    .home .single-hero .post { padding: 8% 0; }

    You can adjust that 8% value as needed.

The topic ‘Vertical alignment of post title in featured section’ is closed to new replies.