How to Change Image Hover in Gridspace Theme

  • Unknown's avatar
    athensmag · Member ·

    I’m using Gridspace as my theme. Here’s a link to the page I have a question about: http://placeathens.com/current-issue/

    Right now, as you can see, the images (which are links to the pages) display first, and the page titles become apparent when you hover over the images. I would like to change the theme so that this is opposite — so that all of the titles display first, and the images show up when you hover. I’ve modified some elements of the site using custom CSS, but I can’t find how I would make this change. So, is this something I can change via CSS, or do I need another approach? I’m pretty new at working in CSS, so I’m feeling a little clueless.

    On a similar note, I’m wondering if it would be possible to remove the buttons at the top right of the page that allow readers to switch from gallery to list view. I only want the gallery view as an option, and the placement of the buttons is messing up my design. Again, this wasn’t something I was able to find in the theme’s CSS.

    Thank you for your help!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    athensmag · Member ·

    Sorry, the page I need help with is http://placeathens.com/ (not the link I listed at the beginning of the previous post). Thanks!

  • Unknown's avatar
    thesacredpath · Member · 
    .home article .entry-content a.thumb img {
    opacity: 0 !important;
}
.home article .entry-content a.thumb img:hover {
    opacity: 1 !important;
}
.home .hide {
    display: block !important;
}

    If you wish to change the color of the (now glaring) black background, add the following and adjust the color as desired.

    .portfolio .entry-content {
    background: #000000;
}

    To hide the controls at top right, add the following.

    .blog #controls {
    display: none;
}
  • Unknown's avatar
    athensmag · Member ·

    That worked! Thank you so much.

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘How to Change Image Hover in Gridspace Theme’ is closed to new replies.