CSS problems

  • Resolved darekkay

    (@darekkay)


    10 years, 7 months ago

    Thanks for such an epic theme! There are however 2 minor CSS/file problems:

    1. Your file “images/2x/post-formats/image-galery.png” should probably be “image.png”, since that’s what you are using within the CSS file (also, the 1x version is called so, too)

    2. The headlines are broken differently in different browsers. In Chrome words aren’t broken at all (my favorite). In Firefox it looks “OK” (if someone likes “-” to break a word). In IE11 however, the word breaks at the end of the line without a hyphen, and this looks really bad:

    Screenshot

    This may or may not be caused by a wrong “word-break” value within the CSS file: “word-break: break-word;”. That is not a valid property value:
    https://www.w3schools.com/cssref/css3_pr_word-break.asp

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello,
    Maybe use rem for font-size,
    body {
    font-size : 16px;
    }

    Your-text-problem {
    font-size : 0.875rem;
    font-weight: normal;
    }

    Thread Starter darekkay

    (@darekkay)

    I turned off hyphens completely and break on whole words. To break or not is a matter of taste, but I wanted to point out the differences between browsers and especially the IE problem.

    Ok,

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS problems’ is closed to new replies.