css: move widget from sidebar to header

• 

  pockettomagazine · Member · Jan 25, 2012 at 4:32 am

  • Copy link
  • Add topic to favorites

  hi everyone,

  I made a clickable txt widget using a PNG image and would like to move it from my sidebar to my header.
  I want people to click on the header and be redirected to a link (that is not the homepage).
  I have read this:
  https://en.forums.wordpress.com/topic/css-widget-move-to-header?replies=6

  but can not seem to move the txt widget to the header because I can’t find my widget id code.

  Secondly would I be able to achieve the same outcome if I used a gif image?

  Any help would be much appreciated.

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

• 

  pockettomagazine · Member · Jan 25, 2012 at 5:07 am

  • Copy link

  the image i want to move is under the heading “text-1”

• 

  timethief · Member · Jan 25, 2012 at 5:08 am

  • Copy link

  I see that you have an animated heder image that appears top be advertising. No blogger initiated advertising, retailing or reselling the work created or services provided by anyone other than yourself is allowed on free hosted wordpress.COM blogs. E-commerce transactions via shopping carts and the like cannot be conducted on free blogs from and being free hosted by wordpress.COM
  http://en.support.wordpress.com/advertising/

• 

  pockettomagazine · Member · Jan 25, 2012 at 5:14 am

  • Copy link

  @timetheif thanks for the info.
  i am not putting on sponsored or paid ads.
  the link is for the magazine that i produce (the site is for the mag)

• 

  timethief · Member · Jan 25, 2012 at 5:21 am

  • Copy link

  Okay I just wanted to make sure you weren’t going to experience having your blog suspended.

• 

  pockettomagazine · Member · Jan 25, 2012 at 5:24 am

  • Copy link

  thank you anyway.
  would you be able to help me with the original question in this post?

• 

  timethief · Member · Jan 25, 2012 at 5:40 am

  • Copy link

  I can’t. I don’t help with CSS editing. The long and short of this is that only one Volunteer (thescredpath) regulalry provides his free services to help bloggers with CSS editing when he can. Aside from that Staff (usually designsimply) also provide support for the custom design upgrade.

• 

  thesacredpath · Member · Jan 25, 2012 at 6:31 am

  • Copy link

  Give this a try and see what you think.

  #page {
  position: relative;
  }
  
  #branding {
  background: none !important;
  }
  
  #text-2 {
  position: absolute;
  top: 0;
  left: 45px;
  }
  
  #text-2 h1 {
  display: none;
  }

• 

  pockettomagazine · Member · Jan 25, 2012 at 6:40 am

  • Copy link

  Wow, it looks great. Just what I’m after.
  Thanks so much.

• 

  thesacredpath · Member · Jan 25, 2012 at 7:31 am

  • Copy link

  You are welcome.