BigBlueMan

#8817

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

Luko

#42242

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 🙂

BigBlueMan

#42243

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!