Change slider excerpt height?

Community Forums Forums Design Tips and Tricks Change slider excerpt height?

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  JeannieVeegh 7 months, 3 weeks ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #98268

    JeannieVeegh
    Participant
    Post count: 5

    I have the Genesis slider widget on my AgentPress theme. In settings it allows me to edit location and also width….but not height…? It’s too big & clunky looking….where would I find the code to fix this? Thanks!

    http://www.JeanMarieVeegh.com
    #98644

    Tom
    Participant
    Post count: 997

    Hi Jeannie,

    The Genesis Slider has settings for both width and height. you can find them in your dashboard at:

    Genesis > Slider settings > Display Settings.

    Slider Width (in pixels): (590px default) your setting: 530px
    Slider Height (in pixels): (300px default) your setting: 340px

    If you change these settings, you will need to resize your images. You can do this with the plugin “Regenerate Thumbnails” from the WordPress plugin repository. You may also need to change some CSS styling in style.css.


    Choose your next site design from over 350 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

    #98853

    JeannieVeegh
    Participant
    Post count: 5

    My mistake, I meant to say the slider ‘excerpt’ height. You can change the width but not the height. As is, to me it just takes up too much vertical space. I read somewhere that the height is dynamic but I would still like to adjust it – and maybe play with the transparency % a bit….just can’t find where the code would be…?

    Thanks, Jeannie Veegh

    #98973

    Tom
    Participant
    Post count: 997

    Try something like this code, placed in the bottom of your style.css file. This will also make the height of the adjacent “property-quick-search” box (with your photo and text) match the slider height.

    .slide-excerpt {
        background-color: #fff;
        filter: alpha(opacity=80);
        display: block;
        margin: 10px;
        opacity: 0.8;
        padding: 0;
        position: absolute;
        width: 515px;
        height: 35px;
        z-index: 8;
    }
    
    html > body .slide-excerpt-border {
        background: none;
        border: 0px solid #ddd;
        display: inline;
        float: left;
        margin: 3px 5px 0px;
        padding: 0px 15px 10px;
        position: relative;
        z-index: 8;
    }
    
    .slide-excerpt-border a {
        color: #273549;
    }
    
    .property-quick-search {
        min-height: 325px 
    }

    You might also consider the adjusting the overall slider width to make the left border line up better with the other components on the page, like the featured images (leftmost) and recent articles – something in the area of 630 to 640px. This will require some tweaking of the above changes and to your photos (resizing), but will bode well in the long run. The ‘real estate trends’ and video sections are also wrong sized, but that could be left for another day.

    If you like, have a look at the many real estate themes available for Genesis and plan your next site design moves. :) (real estate theme listings at GenesisThemes.ca)


    Choose your next site design from over 350 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

    #99382

    JeannieVeegh
    Participant
    Post count: 5

    Thanks for the suggestion – it did work to reduce the excerpt height – but now the type doesn’t align with the excerpt box. It actually forced the type down and over to the left. Now couldn’t find where to fiddle with that.

    Yes, have a lot of tinkering to do and am enjoying learning – but need to think about just using something straight out of the box perhaps…. :(

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

You must be logged in to reply to this topic.