Viewing 5 replies - 16 through 20 (of 20 total)
  • Thread Starter SFIQUET

    (@sfiquet)

    it does not work either :-/

    Try this which adds a margin-top:

    .carousel-caption h1 {
      font-family: giddyup std;
      font-size: 200%;
      margin: 40px auto 0;
      text-align: center;
      vertical-align: middle;
    }

    If that’s not right, then not sure what you are looking at. Here’s my view

    Thread Starter SFIQUET

    (@sfiquet)

    With this code, the result depends on the length of the text (the slider has 3 differents slides with 3 differents texts). The long text is too shifted downwards, and the short text not enough. Is it some code to have the margin proportional to the length of the text?

    I’ve not seen that done, though I’m sure a smart php coder could do something. But it’s rather cumbersome. I’d say you should experiment and find the ideal acceptable combination.

    My views were on a 1920px widescreen, and now on my laptop it’s not so good. So you need to understand how to use @media and vary the font-size/margins depending on viewport. More about that here

    Maybe try word-wrap property

    Thread Starter SFIQUET

    (@sfiquet)

    Thank you for everything, I’m going to experiment with it.

Viewing 5 replies - 16 through 20 (of 20 total)
  • The topic ‘Center slider Heading text vertical and horizontal – Customizr’ is closed to new replies.