Removing entry-content when hovering over image using autofocus theme

  • Resolved alhazen

    (@alhazen)


    15 years, 10 months ago

    Greetings all,

    I am trying to tweak the autofocus theme by removing the content entry when hovering over an image on the home page. I would like it to maintain the title of the post however not the content (ie. not show any of the text of the post).

    Using Firebug I’ve been able to find out that it is related to the following code:

    .home .post-content p {
margin:0;
padding:0;
}

p  {
margin-bottom:1em;
}

* {
font-size:1em;
margin:0;
outline:medium none;
padding:0;
text-decoration:none;
}

    I’ve tried removing certain lines from the stylesheet but with little success.

    Any help would be greatly appreciated.

    Alhazen

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter alhazen

    (@alhazen)

    15 years, 10 months ago

    It turns out to be a simple fix, simply add the following line:

    .home .post-content p {
margin:0;
padding:0;
visibility:hidden;
}

    and to push it down, simply reduce the margin.

    Thread Starter alhazen

    (@alhazen)

    15 years, 10 months ago

    even better than pushing it down is to add the following line:

    .home .post-content p {
margin:0;
padding:0;
visibility:hidden;
height:20px
}

    puglet

    (@puglet)

    15 years, 10 months ago

    Thanks for sharing! I didn’t know I wanted to make this modification until I saw your post 🙂

    I’m new to CSS and trying to remove of the copyright info when you hover on my photos. Do I just change that visibility to ‘hidden’ or is there a better way to get rid of it?

    puglet

    (@puglet)

    15 years, 10 months ago

    Nevermind – it worked.

    You’re not using Autofocus+ are you? I can’t find the snippet you mentioned.

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

The topic ‘Removing entry-content when hovering over image using autofocus theme’ is closed to new replies.

Tags