Return to Support

Limiting width of widget

Home Forums Graphene WordPress theme Support Limiting width of widget

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #8817
    BigBlueMan
    Participant

    On the developing site http://www.tmapa.com, I’ve installed a scroll that I included in the header using an action hook. I want to limit the width of the widget so the scroll is only included in the gray box, instead of coming in from the side. From my searches on here I came up with the ‘width: xxx’ command. I’ve included it in the following CSS but it doesn’t change anything.

    #graphene-dynamic-widget-graphene_header {

    margin-left:360px;

    margin-top: 170px;

    width: 200px;

    font-family: verdana, sans-serif;

    color: #000000;

    font-size: 16px;

    font-weight: bold;

    }

    I also used a ‘header widget’ width command, as well as a ‘margin-right’ command and neither made a difference.

    Any thoughts?

    As always, I appreciate you support folks!

    ed

    #42242
    Luko
    Member

    Edit that code into something like this:

    #graphene-dynamic-widget-graphene_header {
    font-family: verdana, sans-serif;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    }
    #horizontalscrolling-3 {
    left: 319px;
    margin: 200px 0 0 0;
    position: absolute;
    top: 168px;
    width: 616px;
    z-index: 101;
    }

    And remove this:

    #header .sidebar-wrap {
    position: absolute;
    z-index: 50;
    }

    I hope that helps 🙂

    #42243
    BigBlueMan
    Participant

    Luko, you nailed it!!

    Took a little bit of tweeking on the numbers and positioning. I ended up with the following:

    #graphene-dynamic-widget-graphene_header {

    font-family: verdana, sans-serif;

    color: #000000;

    font-size: 16px;

    font-weight: bold;

    }

    #header .sidebar-wrap {

    left: 356px;

    margin: 0px 170 0 0;

    position: absolute;

    top: 168px;

    width: 575px;

    z-index: 101;

    }

    Thanks, and I’ll mark this complete!

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

You must be logged in to reply to this topic.