Two simple questions

Support
#1

  1. In pro, how do I centre a headline or for that matter, any element in the centre of the row, or column or section?

  2. Can you make the learning tutorials downloadable? Would like to rewatch some of them but don’t want to watch the whole video again and vimeo doesn’t allow speed watching.

#2

Hi,

  1. To center the element inside a row, column and section. You can add the code below in the style field of your row, column or section element.
text-align:center;
  1. I will request this to our management. For the meantime you can try this chrome extension to download vimeo videos. https://chrome.google.com/webstore/detail/download-vimeo-videos-pre/phpaiffimemgakmakpcehgbophkbllkf?hl=en

Thanks

#3

for 1 - with the new pro builder, flex box and v2 elements and all, isn’t there a way to center verticalyl and horizontally inside a row, column or section.

Thanks for the tip. I do have a wonderful video downloader but somehow it doesn’t work for these videos.

#4

Hi there,

There is no flexbox options layout wise there at the moment. You will need to do it via custom CSS coding. Kindly go to the Column options you want to have content centered and click on the customize tab:

Then add a unique class name such as allcenter

Then go to X > Launch > Options > CSS and add the code below:

.allcenter {
    display:flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
}

That should do the trick.

Thank you.

#5

Just tried that and it didn’t work.

#6

Hi There,

Sorry for the confusion, please add the class allcenter on the section instead. And make sure that the section has a natural height, not from padding or margin. You can use min-height CSS property to add a height in your section.

Thanks,

#7

Hi There,

Thank you for providing the URL, please add a vertical-align: middle; on the left-column.

screenshot

You can remove the given custom CSS previously.

Cheers!

#8

Thanks for this. It would be really good to have a clear tutorial on how to position various elements in a bar, section, row, or column. I think the bulk of my time has been spent figuring out how to properly place or position elements. So, if I want place a headline or text element into a column, I would use both vertical-align and horizontal-align as well? Am I right?

#9

Hi,

First, you need to remove any default margin to your headline and text element.

To center it horizontally, you can add text-align:center; to the parent container or margin:0 auto; to the element itself.

To vertical align you can add display:inline-block;vertical-align:middle;float:none; to adjacent elements.

You need to be able to know basic css.

Hope that helps.

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.