Streaming live at 10am (PST)

Centering text in a slide


#1

https://preview.webflow.com/preview/paul-mendelson?preview=29f36c86009aefd5d058f3c22df8caa51

Hi,
The text I’ve put in slide 2 won’t center although the container is centered and the text is centered.
I’d be glad of any help. Thanks


#2

HI. your link is broken (add again)


#3

Sorry


https://preview.webflow.com/preview/paul-mendelson?preview=29f36c86009aefd5d058f3c22df8caa5


#4

Bad code / practice. in your style named .Home-Intro

Core container is use specific for what? container :slight_smile:

Containers keep all your content in a legible, reasonable region in the center of your page.

   .container {
        display: block;
        max-width: 1120px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 20px;
        padding-left: 20px;
    }

Do not add layout styles / override this container layout (for example: (change display to “flex”) because you will get unwanted results . (add div inside the container to get more control ** like you do in slide1)

How to align element center-center inside a div? (in your case full-height div)

By flexbox is very easy (i think your code is little complex).


#5

Thanks for your help. Obviously I’m modifying a template I purchased so its not easy to understand why the code is as it is. I created a new container for slides 2 and 3 and I think its solved the problem.
Thanks again


#6

Nice :slight_smile: Mark as “answer” to close this topic


#7

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