Need help? Check out our Support site, then


Help with imaage opacity and post content visibility

  1. jaclynpieleski
    Member

    Hello,

    A couple of things I just cannot figure out how to change in CSS on my site:

    1. On the videos page under each post title, it shows the post content "Back to All Videos". How can I hide this so that it only appears as a link when you view the post itself?

    2. I would like to change the opacity of the slider photos, the header, and the posts' featured images when you hover over them so that it is not so drastic.

    Can someone help me accomplish these two things?

    Thank you!

    The blog I need help with is brukeropenpath.com.

  2. Hi, I see you have gotten #1 taken care of.

    2. I see the following in your custom CSS which controls the opacity of the header image and slider images. You can adjust this as desired. The closer to 1 you get the less drastic the effect.

    a:hover {
        opacity: 0.6;
    }
  3. jaclynpieleski
    Member

    Hi,

    1. I was able to add more content to each post so that the "Back to all videos" wasn't so obvious, but if possible I would still like to hide the content under all of the post titles. When you click on the title to view the whole post, that's when you will be able to see the content...is this possible?

    2. Is there a way to change the opacity of only the header and the slider images? a:hover refers to basically everything that you can click on the site.

    I appreciate your help!

  4. 1. Ah, you want to hide the content on the categories pages but not on the actual single post page, correct? The following will hide the text but leave the title and the videos or featured images showing on category, tag and archive style pages.

    .archive .post_content p {
        display: none;
    }

    2. The following two will allow you to set the hover opacity for the header image and slide images separately. I used a drastic opacity value so you can easily see it.

    #headimg a:hover {
        opacity: 0.2;
    }
    
    .home .slide a:hover {
        opacity: 0.2;
    }
  5. jaclynpieleski
    Member

    Yes that's exactly what I was trying to do. Thank you!!

Topic Closed

This topic has been closed to new replies.

About this Topic