Limiting width of widget
-
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
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 🙂
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.