Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #23709

    Hi,

    I noticed the headings using special meta are forced to stay on one line instead of responding to the column size.

    See screenshot: http://s23.postimg.org/hji3to4zv/Screen_Shot_2013_05_23_at_12_45_37.png

    Thanks for any solution

    S

    #120866

    Hi S,

    Yes, this is intentional because of the way they are laid out. They are more for short text and not sentences since you can use a text block with large text if you want multi line.

    Regards,

    Devin

    #120867

    Hi Devin,

    Well, using a br tag to force a new line and it still looks ok (but this is a bad method, it should be automated by css).

    When I set the white-space to normal it breaks on every word though. I can’t manage to make the special heading auto adjust and still leave the stripe on the right side.

    Basically it should break when it reached 90% width of the column.

    I tried setting max-width at 90% on body .av-special-heading > *, but then it immediately takes 90%, no matter the length of the text.

    When I set width to auto it takes all space and the line disappears. Darn :)

    Cheers

    #120868

    If you want to force it, you can just change the white-space property value. Add the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    body .av-special-heading>* {
    white-space: pre-wrap;
    }

    Regards,

    Devin

    #120869

    That’s what I tried, Devin, but then it breaks each word on a new line…

    #120870

    That should not be the case. Pre-wrap breaks only when it is needed. See: http://www.w3schools.com/cssref/pr_text_white-space.asp

    #120871

    i confirm that it breaks each word or each 2 words on a new line

    #120872

    Did you try:

    body .av-special-heading>* {
    white-space: pre-wrap;
    }

    or

    body .av-special-heading>* {
    white-space: normal;
    }

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘avia heading tags not responsive’ is closed to new replies.