The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Text Overlapping…

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #156389

    I’m sure this is simple, but my limited html/css knowledge has got me stumped… There is some overlapping text in the “stock representation” section on this page:

    I would actually like it if I could move the words “stock representation” up (rather than moving “gallery stock” down) slightly so the “R” isn’t being covered by the “ll”.



    Logo’s line-height makes the logo go on top of the last line. You can move the logo behind it by using z-index so you don’t need to change the line-height:

    #stocklogo {
        position: relative;
        z-index: -1;

    Or just change the line-height. Or give position-relative; to “stock representation” by adding an extra element. You could consider having slightly richer HTML structure so that it would be easier to have control on the elements. Now these solutions I have given here feel a bit hacky.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.