Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 23, 2013 at 10:47 am #23709
    Spiv

    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

    May 23, 2013 at 12:50 pm #120866
    Devin

    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

    May 24, 2013 at 9:09 am #120867
    Spiv

    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

    May 25, 2013 at 2:01 pm #120868
    Devin

    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

    May 26, 2013 at 12:20 pm #120869
    Spiv

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

    May 27, 2013 at 5:03 pm #120870
    Devin

    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

    June 1, 2013 at 4:10 pm #120871
    pixelmixture

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

    June 1, 2013 at 8:27 pm #120872
    Devin

    Did you try:

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

    or

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

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘avia heading tags not responsive’ is closed to new replies.