sacredpath
(@sacredpath)
Automattic Happiness Engineer
Hi, on your Welcome, Enter Ye text on the front page, it appears to be aligned under the title. Are you not seeing it that way? If not, what browser/browser version are you using and could you possibly take a screenshot?
The post titles in Intergalactic are centered above the excerpts for a balanced look. Are you saying you’d like the post titles to be left-aligned, instead?
Thread Starter
zedonk
(@zedonk)
Thanks for you help, Kathryn, you’re clearly an expert in these parts! Have read several of your posts over last few days…
So with the alignment issue, i figured out that it has to do with the length of text in the ‘excerpt’ field on the blog.
If you see the homepage: http://test.zedonk.net/
The ‘get it sorted’ blog has only ‘headline information’ in the ‘excerpt field, and aligns to the left.
Whereas the ‘WELCOME, ENTER YE’ blog has ‘i definitly need something to be in here but i wonder if it is expecting it to be quite a long test and indeeed whether it cuts it off at a certain point if it gets to long. i suppose this must be long enought o find out’ in the excerpt field. And it aligns centrally.
Hope that makes sense to you. From my perspective, I figure I just need to make sure i have x characters in the excerpt for it to align.
Thread Starter
zedonk
(@zedonk)
sacred path, i’m using chrome, Version 44.0.2403.157 m
screenshot here: https://www.dropbox.com/s/lr2egyp6dw5dpsd/homepagescreenshot.png?dl=0
Thread Starter
zedonk
(@zedonk)
looks the same in edge, btw
do you meam to justify the text for the excerpts on the front page?
if so, try:
.home.blog .entry-summary { text-align: justify; }
http://www.w3schools.com/cssref/pr_text_text-align.asp
make sure to close the last style in your child theme’s style.css first – at the moment, the last } is missing …
I think a screenshot might help here. This is how the alignment is working for those excerpts on the front page:
I used a browser inspector to select the excerpt element (the entry-summary class), which shows you how large the container is.
The width of the container is 860px.
Does that help visualize how it’s working?
Thread Starter
zedonk
(@zedonk)
thanks kathryn.
yes, that does visualize it but i’m still not sure how to fix it. the excerpt text in your example is aligning to the left of the container, rather than above the ‘read more’ button.
for the balanced look it would need to align with the blog title and read more button, ie centrally rather than left.
i hope I’m making sense, and there’s a solution.
There isn’t a way to align the left edge of each excerpt automatically with the left edge of the Read More button, since the Read More button is centered.
One option is to also center your excerpts above the centered Read More buttons:
.home .entry-summary {
text-align: center;
}
Thread Starter
zedonk
(@zedonk)
Bingo!
Think maybe I wasn’t communicating well enough. That’s what i wanted all along; to center excerpts above the centered Read More buttons.
Perfect, resolved, thank you!
Great, glad we got there in the end. 🙂
