Forums

[resolved] Removing entry-content when hovering over image using autofocus theme (5 posts)

  1. alhazen
    Member
    Posted 1 year 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

  2. alhazen
    Member
    Posted 1 year 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.

  3. alhazen
    Member
    Posted 1 year 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
    }
  4. puglet
    Member
    Posted 1 year 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?

  5. puglet
    Member
    Posted 1 year ago #

    Nevermind - it worked.

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

Topic Closed

This topic has been closed to new replies.

About this Topic