changing title css on genesis slider

Community Forums Forums Design Tips and Tricks changing title css on genesis slider

This topic is: resolved

Tagged: , ,

This topic contains 6 replies, has 3 voices, and was last updated by  little shiva 1 year, 1 month ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #8969

    little shiva
    Participant
    Post count: 29

    I installed the responsive genesis slider plugin and am disappointed by the way titles display. There’s only one option and I don’t like it, in any position (top, right, bottom, left). The type is too big for the picture and the transparent box behind it clashes too. Is there any way to add titles more discreetly? My slider is only 800 x 300 and I don’t want half of it eaten up by some hideous block of text.

    I can’t show you the URL because it’s hiding behind an “under construction” page. This is the slider I’m talking about: http://www.studiopress.com/plugins/genesis-responsive-slider

    • This topic was modified 1 year, 3 months ago by  little shiva.
    • This topic was modified 1 year, 3 months ago by  little shiva.
    • This topic was modified 1 year, 3 months ago by  little shiva.
    • This topic was modified 1 year, 3 months ago by  little shiva.
    #9108

    Susan
    Moderator
    Post count: 7369

    This thread may provide some insight:

    http://www.studiopress.com/forums/topic/genesis-responsive-slider-change-the-title-font/


    Susan @ Graphically Designing I’d love to customize your website! I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #9146

    little shiva
    Participant
    Post count: 29

    I’m not very good with code. I opened firebug and selected the text to inspect, but don’t know what to do with the answers. Here’s a screenshot. I’d like to modify the transparent box position and the type size of the titles. Having the title run across the bottom starting in the lower left corner would be better than having it all over the picture. http://www.sap-rood.net/i/firebug-screenshot.png

    The red is the hover state for that text – normally it’s black.

    #9147

    little shiva
    Participant
    Post count: 29

    If that link doesn’t work, try http://www.littleshiva.com/firebug-screenshot.png

    #20680

    little shiva
    Participant
    Post count: 29

    Can anyone please provide an explicit example? I’m not so great with code…

    #24329

    Jesse Petersen
    Participant
    Post count: 15

    I took care of this, guys.

    /* Genesis Responsive Slider

    ———————————————————— */
    .slide-excerpt {
    background: none rgba(20, 20, 20, 0.8) !important;
    opacity: 1.0 !important;
    margin: 0 !important;
    }

    .slide-excerpt-border {
    border: none !important;
    padding: 0 !important;
    margin: 5px !important;
    }

    .slide-excerpt h2 {
    font-size: 14px !important;
    font-weight: normal !important;
    margin: 0 0 0 10px !important;
    line-height: 1em !important;
    }

    .slide-excerpt h2 a {
    font-size: 14px !important;
    font-weight: normal !important;
    color: #fff !important;
    font-family: ‘Droid Sans’, sans-serif !important;
    text-shadow: 1px 1px 0.03em rgba(20,20,20,0.8) !important;
    }


    One of the guys you would want to hang out with.
    Preferred StudioPress developer | owner of Petersen Media Group | author of The Golden Rule Way (still writing)

    #24331

    little shiva
    Participant
    Post count: 29

    Jesse rocks!

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

The topic ‘changing title css on genesis slider’ is closed to new replies.