Css: Widget move to header

• 

  heelsandpyjamas · Member · Nov 18, 2011 at 1:54 am

  • Copy link
  • Add topic to favorites

  Hey guys,
  I’ve made a clickable widget (you can see it on the right hand side).
  I’d love to make it my header but I don’t know how. I have customisable css.
  Any ideas? I can’t find any instructions online.
  Also, is this the best way to make my header clickable?

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Nov 18, 2011 at 3:15 am

  • Copy link

  I don’t see a widget here: http://heelsandpyjamas.wordpress.com/ .

• 

  heelsandpyjamas · Member · Nov 18, 2011 at 4:00 am

  • Copy link

  Sorry. It’s http://theaccomplishedwoman.org/

• 

  designsimply · Member · Nov 18, 2011 at 1:15 pm

  • Copy link

  To overlay the text widget linked image you created in your sidebar onto the header image area in the Bueno theme, try this:

  #content {
      position: relative;
  }
  
  #text-2 {
      position: absolute;
      left: 0px;
      top: -253px;
      width: 930px;
      height: 198px;
      border: 5px solid #EFEFEF;
  }
  
  #text-2 .textwidget {
      padding: 0px;
  }

  I’d really like to come up with a better way for you guys to do this though!

• 

  designsimply · Member · Nov 18, 2011 at 1:16 pm

  • Copy link

  Note that this is specific to the http://theaccomplishedwoman.org/ blog where the text widget you setup has a unique identifier of “text-2”. If someone else sees this thread, note that you would need to replace “text-2” with your widget id value and note that this code is specific to the Bueno theme.

• 

  heelsandpyjamas · Member · Nov 19, 2011 at 2:08 am

  • Copy link

  Holy gunk! You’re a wizard!!!!
  Thank you thank you!
  Amazing!