Options | Lifeline Ministries

Home » Options

Justin: As requested, here is the ability to autoflow from one column to the next so that on large monitors there isn't a ton of blank space if the text in the first column is longer than the text in the other columns. Here you can see you can use multiple paragraphs etc that all still wrap into the columns.

Test

It even works with images, but avoid using the 'floating' method if you're using columns. Have the image on it's own line and centered like above.

Test

And here it is with a larger image to show the image is still always confined to the column.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Test Left

Test Right

Test center

Can text be made to autoflow from one column to the next so that on large monitors there isn't a ton of blank space if the text in the first column is longer than the text in the other columns, or does one have to break the text into similarly sized blocks? The image in the center column was added to see if I could include an image in a column layout. I deliberately used a large image, and I like that it resizes to fit the width of the column. The text under the image in the second column was added to see if this could be used to create a page like a three column layout with an image.

Justin: Yes - it is possible, but you need to use a different block for that as the markup is different. So use the Fluid Content Columns field that's available in the options when adding a block to the Page Builder. See above (first block)

This is column four with an image after the text. The image is huge in the back end, but it should be OK since it resizes to fit the column width.Here's a little more text after the image, to see what happens. This would be really cool for building a web page that looks kind of like a printed magazine layout.

Just playing with the captions - thanks for taking off the (1 of 2) label!

Row 2 CTA 3

CTA Listing 1 - Image & Link

This is a CTA listing that has an image uploaded and contains a link. If no button text is specified, there will be a default button to the link which will contain the text "Read More" and will have the pulse logo in the button box. The image location is determined by the dropdown. Also note that there is an option to open the link in a new window if necessary. Note that both the image and the button are links. This text is repeated several times to make the paragraph longer than the image is high. This text is repeated several times to make the paragraph longer than the image is high. This text is repeated several times to make the paragraph longer than the image is high. This text is repeated several times to make the paragraph longer than the image is high. This text is repeated several times to make the paragraph longer than the image is high. This text is repeated several times to make the paragraph longer than the image is high. This text is repeated several times to make the paragraph longer than the image is high. This text is repeated several times to make the paragraph longer than the image is high. This text is repeated several times to make the paragraph longer than the image is high. This text is repeated several times to make the paragraph longer than the image is high. Could it be made to wrap under the image when that is the case?

Justin: Yes - done!

CTA Listing - No Image, External Link

This is a CTA listing that does not have an image uploaded, but contains a link. If no button text is specified, there will be a default button to the link which will contain the text "Read More" and will have the pulse logo in the button box. Because there is no image, the image location dropdown does nothing. Also note that there is an option to open the link in a new window if necessary.

CTA Listing 3 - Image, No Link

This is a CTA listing that has a very small image uploaded and does not contain a link. Because it doesn't have a link, there is no button. The image location is determined by the dropdown menu. Can the text be made to wrap around the image like it does in the tab blocks?

Justin: Done as per above!

This is a CTA listing that does not have a heading, but contains an image and a link. This could be convenient if one wanted to build a page that had several different links and images, separated by horizontal bars, but that all look like they fall under one heading.

This is a full width content block - self-explanatory. I used it to add some questions about the "Image Gallery" block below. Can actions be assigned to the mouse-over state to, for example, have the thumbnail grow by 10% or something when the mouse crosses over it? I tried to eliminate the caption all together, but it wouldn't let me because "Alt-text" is apparently required. I get why that has to happen, but could we maybe separate the alt-text from the caption so that pictures can be captioned if desired, but not there at all otherwise - like it does on the CTA Grid photos? If not, can I edit the location/font size-color-background/etc. of the captions, or is that something you have to do?

Justin: Yes, added the hover-state where it grows a little. Is that enough? And yes, added separate caption so you can choose whether or not to add it. If you want to change location/color/font of the captions, I'll do that, just let me know what you're wanting. I don't suggest having a 'background' on the caption.

Test Tab Uno
Test Tab Dos
Test Tab Tres

Image size determined at upload. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Added paragraphs to see how text responds.

Expanding Content Panel 1

Size of image determined at upload. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Expanding Content Panel 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Expanding Content Panel 3

This started out as three separate paragraphs with a centered image in the second paragraph. Adding text didn't look that hot, but multiple images look OK. It appears that once the combined width of the images reaches a maximum width, they begin to stack.