December 24, 2013 at 4:12 pm #8564
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?
HillaryDecember 24, 2013 at 4:54 pm #41468Prasanna SPMember
Put code in between backtick (Code:`
) characters here. It’s usually located above the Tab key on your keyboard.December 24, 2013 at 5:21 pm #41469
Thanks! That code got me started 🙂
I just had to play with the margin px’s and added a margin-top: 5px;
Now it’s perfect and back to where it should be.
HillaryDecember 24, 2013 at 9:47 pm #41470
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!December 25, 2013 at 12:32 am #41471Kenneth John OdleModeratorQuote: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.December 25, 2013 at 2:46 am #41472
Yes that did the trick! Thanks Kenneth and have a Merry Christmas!
HillaryDecember 25, 2013 at 3:45 am #41473Kenneth John OdleModerator
You must be logged in to reply to this topic.