Read More buttons not aligned

wpfmadm
(@wpfmadm)

8 years, 9 months ago

Hi,

I use the Goran theme and a raster template on my frontpage with 6 subpages. The textboxes display the first 54 words and on the bottom a Read More button. The buttons are not aligned perfectly, probaby because the length of the 54 words varies.

In the extra CSS i tried this code:
.more-link:after {
vertical-align: baseline;
}

Whatever option I choose as an alternative for ‘baseline’, it does not change anything. Is it possible to get a proper alignment at the bottom of the text box, even if the summary contains only a few words?

Thank you,

Jelle

Viewing 6 replies - 1 through 6 (of 6 total)

Moderator Kathryn Presner
(@zoonini)

8 years, 9 months ago

Hi Jelle, I don’t see any Read More buttons at fleurbaaijmedia.nl – could you provide a link where we can see them?

Thread Starter wpfmadm
(@wpfmadm)

8 years, 9 months ago

Hi Kathryn,

It’s not on this site, you can find in under fleurbaaij.net/WP.

Moderator Kathryn Presner
(@zoonini)

8 years, 9 months ago

Thanks for the link. Rather than a CSS solution, I’d suggest you try adding manual excerpts to those posts so you can better control their length.

If you don’t see the Excerpt box, open the Screen Options panel at the top and make sure “Excerpts” is checked.

Thread Starter wpfmadm
(@wpfmadm)

8 years, 9 months ago

I tried that but that is no good solution. There must be a way to solve this with CSS code?

Moderator Kathryn Presner
(@zoonini)

8 years, 9 months ago

I’m very curious to know why it wasn’t a good solution. 🙂

Bottom aligning elements with CSS can be a bit hacky. You can find some different ways of doing it here, so feel free to experiment:
https://stackoverflow.com/questions/585945/how-to-align-content-of-a-div-to-the-bottom

Thread Starter wpfmadm
(@wpfmadm)

8 years, 8 months ago

It is nice that this theme offers features as creating a excerpt from a page where it is linked to. With the builtin functionality it is not very nice to see a rather ugly alignment of the boxes.

What I now need to do is creating a manual excerpt and checking the result whether this aligns as desired. This takes a lot of effort which could be avoided with better coding.

I believe now that the .more-link CSS is not the right place to get the change done, it probably should have been in the level above (“grid”)? Unfortunately do I not have sufficient knowledge to get this implemented.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Read More buttons not aligned’ is closed to new replies.

Tags