Graphene Action Hook CSS
I use the Graphene Container Before action hook with
I had the correct custom css code which placed my 2 ads neatly above the site header with one banner left and the other right; but the other day, when experimenting with different sidebars, the CSS disappeared from my Custom CSS box. Now both banners are stacked over the left background.
My site is http://ecigarettenews.net
Can you tell me what css code to enter to get the banners back in one line above the header?
AnonymousDecember 24, 2013 at 4:54 pm #41468
Put code in between backtick (Code:`
) characters here. It’s usually located above the Tab key on your keyboard.
I’m back as I noticed a slight problem with my above header banners. Their positions don’t stick “flush” right and left above the header. if I change the size of my browser screen, they move with it. If I make the browers narrower, they stack. Any suggestions?
Thanks again!ModQuote:if I change the size of my browser screen, they move with it. If I make the browers narrower, they stack.
This is the nature of the
floatproperty: items float with the container that they are in. It’s possible (probable, even) that they were doing this before, but you didn’t notice. There’s no real way around that aspect of it, afaik.
The real problem is not when the browser window is too narrow, but when it’s too wide, because the ads will float outside the width defined by the main container.
The solution here is to make the
#graphene-dynamic-widget-graphene_container_beforewidget the size you need, and then position the ad widgets relative to that:
I’ve also added a bit of margin to
#containerto provide a bit of room for the ad widgets.
This works in Firebug, but I haven’t tested it on a live site.
Viewing 7 posts - 1 through 7 (of 7 total)
- You must be logged in to reply to this topic.