WordPress.com Forums » Topic: Moving the text widget

designsimply on "Moving the text widget"

designsimply — Thu, 30 Aug 2012 16:05:22 +0000

You should definitely check out web browser tools or add-ons like Firebug for Firefox. They're crazy good for figuring out selectors.

houstonweaver on "Moving the text widget"

houstonweaver — Sat, 25 Aug 2012 14:12:05 +0000

So glad it worked for you. Thanks for sharing your code solutions here and on the other post. I love it when we all learn something.

notchangingmyname on "Moving the text widget"

notchangingmyname — Thu, 23 Aug 2012 18:22:49 +0000

thanks again houstonweaver! It worked. I ended up changing ".widget-area" to ".textwidget" and was able to move just those buttons. I didn't make it permanent, though, because I know that I will have hours and hours of tweaking ahead if I decide to make the change. But at least now I know how to do it!

notchangingmyname on "Moving the text widget"

notchangingmyname — Thu, 23 Aug 2012 12:58:44 +0000

Thanks! I will play around with it on my lunch break and see what happens. :-)

houstonweaver on "Moving the text widget"

houstonweaver — Wed, 22 Aug 2012 22:02:29 +0000

correction: 250 not 350

On my notebook screen with all the toolbars I run, i am only able to get the 5 connect with me items showing. Thats the only thing that would concern me about a fixed sidebar, will all viewers be able to see all your conent. on my ipad I should also be able to see those 5 items, so your instinct to limit it to those items was correct.. You might just have to find a space in the footer or elsewhere for the other items or change the size.

houstonweaver on "Moving the text widget"

houstonweaver — Wed, 22 Aug 2012 21:23:38 +0000

Try using the . instead of the #. However when I did that with textwidget I got wonky stuff because I think taking it out of the widget area made it go horizontal instead of vertical for me.. However with the selector widget-area and your code and I got it fixed on screen. In order to fix it where you had it I had to fiddle with the numbers a bit.

This got close on my notebook screen anyway. Don't know what it would do to my ipad:

.widget-area{
position:fixed;
top:350px;
z-index:100;
right:5px;
}

You would have to play with it a bit. It did include those items under your sharing buttons, but without that they would scroll up.

Let me know if this gets you there.

notchangingmyname on "Moving the text widget"

notchangingmyname — Wed, 22 Aug 2012 20:40:33 +0000

no houstonweaver, just the text widget. I was thinking about fixing my twitter, instagram etc. buttons to the right side of the page.

Ugh thanks for the info about the ipad. It's crazy how many little tweaks have to be made to get it just right!

timethief on "Moving the text widget"

timethief — Wed, 22 Aug 2012 19:55:10 +0000

Twenty Ten:
https://wpcom-themes.svn.automattic.com/twentyten/style.css
https://wpcom-themes.svn.automattic.com/twentyten/style-wpcom.css

houstonweaver on "Moving the text widget"

houstonweaver — Wed, 22 Aug 2012 19:49:13 +0000

Do you mean that you would like your whole sidebar widget area fixed so that it remains onscreen as you scroll down the page? I have no answer, but wanted to clarify.

On your search widget, it might just be an iPad thing, but for me it obscures the right side of your bottom fixed menu because it occupies the same fixed space.

notchangingmyname on "Moving the text widget"

notchangingmyname — Wed, 22 Aug 2012 18:47:57 +0000

Hi all, I would like to move and fix my Text widget to the right side of the browser (the same way I did moved my Search widget to the bottom), but for the life of me I can't figure out what the proper selector is! I tried the following code based off what I have for my search widget, but it didn't work:

#textwidget {
	position:fixed;
	top:250px;
	z-index:100;
	right:190px;
}

#textwidget .widget-title {
	display:none;
}

I also tried #textwidget-1, #textwidget-2 and #textwidget-3 as selectors, but they didn't work.

Any help would be greatly appreciated, thanks!