text disappears

[Bones_Jones]

hi guys,

not sure what i did, but texts below the image disappears.
http://goo.gl/TJz4Ju

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.

[mhodges44]

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.

[mhodges44]

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.

[Bones_Jones]

sweet! you guys rock! thx guys!

[mhodges44]

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

[Author]

Posts