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

Home Forums CSS text disappears

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

    hi guys,

    not sure what i did, but texts below the image disappears.

    what did i do wrong? thx in advance!

    Marie Mosley

    The hidden text is nested a few divs deep inside a div with the class port-content-wrapper. That class has a style rule with an overflow: hidden; declaration that’s hiding the area that contains the text.


    Okay, there were a couple of funky things going on.

    First off, to get the paging to display again has nothing to do with the overflow – it’s actually because you have a text-indent property set on “.flex-control-nav li a” that is set to -9999px. I would set that to -2px to make things align properly. Also, that same class has a line-height of 0. To get the background shadow on the selected list item to show up in the right spot, simply set that to inherit.

    your class should look like so:

    .flex-control-nav li a {
    width: 9px;
    height: 9px;
    line-height: inherit;
    display: block;
    text-indent: -2px;
    border-radius: 4px;
    cursor: pointer;

    also, remove the “display: none” from the ol and you are golden.


    Now, to get the rest of the text to display, Marie’s comment on the overflow:hidden is exactly right. The

    div.single-portfolio .port-content-wrapper {


    has an “overflow: hidden” on it. Remove that, and the rest of the content shows up.


    sweet! you guys rock! thx guys!


    No problem! Awesome site design, by the way – very clean and modern

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