Logo of SermonSpeaker Extension Claim

Login Form

Series Column Layout

More
6 days 14 hours ago #6882 by Justin
Justin created the topic: Series Column Layout
Hello

Can someone help me remove the speaker picture in the single series Column Layout. In this layout if the title is too long the other columns get pushed down. It would also help to have the title flow down to another line.
On the demo page here the second sermon has this issue.
www.sermonspeaker.net/columns-layout.html

I deleted the line in php and it removed the picture but the empty column is still there.

Thank you all!

Please Log in or Create an account to join the conversation.

More
6 days 4 hours ago #6883 by Thomas Hunziker
Thomas Hunziker replied the topic: Series Column Layout
I think you could try with giving the column a max-width like this:
div.column-content {
    max-width: 300px;
}

But it's only a hack and probably will produce issues in different resolutions (phone, tablet, desktop). You may also have to try what value works best.

I think I should rewrite the layout to use Bootstrap grid or the new CSS grid or flexbox.

Feel free to rate SermonSpeaker on JED .
Useful documentation for beginners: First Steps & FAQ
How to say "Thank You!": Contribute or support using the Donate button at the bottom of each page.

Please Log in or Create an account to join the conversation.

More
6 days 55 minutes ago #6884 by Justin
Justin replied the topic: Series Column Layout
That would be very helpful. I like the look of the layout as it cleanly shows all the available files and even saves having to go to the sermon details page.!

Please Log in or Create an account to join the conversation.

More
5 days 4 hours ago #6889 by Thomas Hunziker
Thomas Hunziker replied the topic: Series Column Layout
can you try the attached version? I tried to use flexbox now and think it works out quite nice. Make sure to clear browser cache since the CSS file got changed.

File Attachment:

File Name: columns_20...1-13.zip
File Size:12 KB


There is one thing I'm not yet sure if it's good. If you look at www.sermonspeaker.net/columns-layout.html , the image now gets smaller when the title is longer.
It's easy to change that so the image is always the same width, but then the title obviously gets wrapped more.

Also, when shrinking the window, I've changed how it behaves. Now it will put everything below eachother.

Feel free to rate SermonSpeaker on JED .
Useful documentation for beginners: First Steps & FAQ
How to say "Thank You!": Contribute or support using the Donate button at the bottom of each page.
Attachments:

Please Log in or Create an account to join the conversation.

Time to create page: 0.084 seconds
Powered by Kunena Forum