Widget Height

  • Y2Neildotcom

    #1273

    Hi folks,

    Love the Graphene theme, one quick question for a noob at CSS. Is it possible to change the height of the widgets in the footer to all be a set, unified, height?

    Many thanks,

    Neil

    http://test.y2neil.com

    Kim

    #15055

    Hi Neil

    Just another small thing 🙂

    I You want Your pictures Real Sharp in Slider. You need to resize the pictures, eg.:

    element.style {
    background-image: url("http://test.y2neil.com/wp-content/uploads/2011/07/money.png");
    }

    money.png is 920px x 240px

    Your CSS code state 930px x height i slider settings:

    .full-sized .slider_post {
    height: 100%;
    padding: 0;
    position: relative;
    width: 930px;
    }

    So if You resize pictures to 930px x height i slider settings 🙂

    Regarding widgets in footer the upcomming version have new settings there.

    So I will plan my next update, making Child Theme & Backup.

    Kim

    Admin

    Syahir Hakim

    #15056

    Put in Custom CSS or child theme’s style.css file:

    #sidebar_bottom .sidebar-wrap {
    height: 200px;
    }

    Of course, change the height value to whatever value you want.

    Y2Neildotcom

    #15057

    Thanks for your help guys! The height worked a treat and I shall sharpen up those images.

    Excellent! 🙂

    Y2Neildotcom

    #15058

    Just to expand the footer widget height questions…

    Is it possible to have two footer rows, each with two different heights?

    If you look at the footer now (http://test.y2neil.com) you’ll see that all the footer widgets are the same height. However whilst this is fine for the top three widgets, the bottom three could ideally be a different height to lose the white space.

    Is this possible?

    Many thanks,

    Admin

    Syahir Hakim

    #15059

    The easiest way is to target those bottom row widgets individually and apply a separate CSS, like this:

    #sidebar_bottom #my_calendar_mini_widget-4,
    #sidebar_bottom #text-4,
    #sidebar_bottom #fmewwidget-3 {
    height: 300px;
    }

    The downside to that is that the element ID may change if you remove the widget from the widget areas, so you’ll need to adjust the CSS accordingly after you modify your sidebar in the future.

    Y2Neildotcom

    #15060

    Ah right, ok. Thanks! Will give that a go.

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

  • You must be logged in to reply to this topic.