Floating Widget

nich0lasmoore · Member · Oct 26, 2014 at 9:56 pm
Copy link

Add topic to favorites
Hello,
I have a sound cloud widget that I would like to make “Float”

First off its located in the footer but I am trying to place it toward the top of my page on the right hand side under the menu. Close the the current right aligning that it’s all ready located in. When scroling down the page I am hoping to make the widget move as well. Keeping a high location when scrolling, but appearing overtop of any images or text.

______________________
I am also unable to move it to the top? The way it looks the DIV ID is just Widget

So I am trying to understand why this does not work:
}
div#widget {
position: absolute;
left: Xpx;
bottom: Xpx;

}

This is kinda besides the point because I am assuming the CSS will be completely different. I am just trying to understand my mistakes.

I thank you in advance for the custom CSS and explanations.

Thank you!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Oct 26, 2014 at 10:14 pm
Copy link
Hi there, try the following.
```
#text-63 {
    position: fixed;
    top: 160px;
    right: 125px;
}
```
nich0lasmoore · Member · Oct 26, 2014 at 10:17 pm
Copy link
Thank you sir!

Would you mind telling me what I did wrong. When I look for the div id I see widget not text-63?
thesacredpath · Member · Oct 26, 2014 at 10:30 pm
Copy link
Each widget has a unique ID number in the CSS because you can insert multiple text widgets. Any widget that allows insertion of multiple widgets will have a unique CSS id. text-63 is the unique CSS id for that text widget. It is located in the top level div for that text widget. See the following screenshot: https://cloudup.com/c71MhTwD2iQ/f .
nich0lasmoore · Member · Oct 26, 2014 at 10:57 pm
Copy link
Ahh thanks.. I thought that is what I was looking at.
thesacredpath · Member · Oct 26, 2014 at 11:24 pm
Copy link
You are welcome.

The topic ‘Floating Widget’ is closed to new replies.

WordPress.com forums

Floating Widget