Opacity of Slider Excerpt

Community Forums Forums Design Tips and Tricks Opacity of Slider Excerpt

This topic is: not resolved

This topic contains 5 replies, has 4 voices, and was last updated by  donastras 1 month, 3 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #43756

    Chris Jaeger
    Participant

    Hi, I’m trying to find out how to change the opacity of the slider excerpt box on the Backcountry child theme. I’m no CSS expert, but can’t find an option in my theme code files. The closest I’ve found is this (below) and it doesn’t look like it gives me a setting/option. With everything Genesis can do and the child theme options, I can’t believe this isn’t something I can tweak.

    http://www.chrisjaegerconsulting.com

    Thanks.

    Chris

     

    /* Genesis Slider
    ———————————————————— */

    .backcountry #genesis-slider {
    border: 1px solid #ddd;
    margin: 0 auto 20px;
    padding: 9px;
    }

    .backcountry #genesis-slider p {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    }

    .backcountry .slide-excerpt {
    background-color: #000;
    margin: 0;
    padding: 0px 3px;
    }

    html > body.backcountry .slide-excerpt-border {
    border: none;
    padding: 0;
    }

     

     

    http://www.chrisjaegerconsulting.com
    #43758

    braddalton
    Participant

    Try adding one of these declarations to your slider images or slider classes http://www.w3schools.com/css/css_image_transparency.asp


    #43759

    Susan
    Moderator

    Try going into the CSS of the slider itself, rather than the theme’s stylesheet.

    Look for this:

    
    .slide-excerpt {
    	background-color: #fff;
    	filter: alpha(opacity=80);
    	display: block;
    	margin: 10px;
    	opacity: 0.8;
    	padding: 0;
    	position: absolute;
    	z-index: 8;
    }
    

    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #43760

    Susan
    Moderator

    Oops – Brad responsed at the same time I did :)


    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #43761

    Chris Jaeger
    Participant

    Thank you. I’ll try these suggestions.

    :)

    #152003

    donastras
    Participant

    I tried Susan’s suggestion, but it appears that the Opacity of Slider Excerpt is somehow tied to the background of the theme. When I had tried the slider on the Outreach theme with a black background, the excerpt was 80% dark with white letters. However, when I had deleted the background (changed it to white), the excerpt changed to white with black (theme text color)!

    I would like to have a dark excerpt area using the Enterprise Pro theme because my images are dark. See ladyofwheat.com.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.