Vertical alignment of post title in featured section
- The topic ‘Vertical alignment of post title in featured section’ is closed to new replies.
Need help? Check out our Support site, then
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: (visible only to logged in users)
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; }
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?
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.