[Solved] texts to only appear on hover?

[Bones_Jones]

hi guys,

link
http://goo.gl/fygOL7

i want the texts only appear on hover. what do i have to do? i tried ‘display:none’ but that makes text just disappear.

please help! thx!!

[Soren]

.portfolio-item .page-context {
  position: absolute;
  text-transform: uppercase;
  bottom: 15px;
  left: 15px;
  display: none;
}

.portfolio-item:hover .page-context {
  display: block;
}

?

[Paulie_D]

It would be much more helpful if you could make a reduced case example in Codepen rather than posting links and ragged bits of code.

Also, fix the validation errors

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.modal-design.com%2Fnew%2Fnews%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

[Soren]

You need to find in a wp page template where that content is created and edit it. Wrap the code that generates the text with an element (e.g. span). Position this element with CSS like you did the projects page. That’s what I’d do.

[Author]

Posts