Widgets on right not footer

greenbench1 · Member · Oct 11, 2013 at 2:04 pm
Copy link

Add topic to favorites
How do I move widgets to my right of the page?

The blog I need help with is: (visible only to logged in users)
lettergrade · Member · Oct 11, 2013 at 2:38 pm
Copy link
Sure. You are using the theme Skeptical, which has one sidebar widget area on the right, and four footer widget areas. If you want widgets to show up on the right-hand sidebar (right now, it’s full of default widgets, which you can easily remove), move them into the ‘Sidebar Widget Area.’

More info on setting widgets in the support area: Widgets
greenbench1 · Member · Oct 11, 2013 at 2:43 pm
Copy link
Ah no, Im actually using the Pink Touch 2 Theme now http://politicalindiandotcom.wordpress.com/
lettergrade · Member · Oct 11, 2013 at 2:46 pm
Copy link
That was fast!

Pink Touch 2 only offers footer widget areas. Depending on the theme, there are some tricky css things that you can do to bump a footer widget up to a different location, but I’m not sure how with that theme, particularly. Often, it’s not worth the effort and risk of browser incompatibility when a different theme will give you a real sidebar.

You would also need a Custom Design Upgrade to adjust css.

Anybody else have a solution to suggest for this, css-wise?
thesacredpath · Member · Oct 11, 2013 at 6:06 pm
Copy link
This is a little involved since Pink Touch is a responsive width theme, but add the following to the end of your existing CSS and see what you think. Since repositioning the widget sort of breaks the responsive nature of the theme (causes it to lay over the content when the browser window is narrowed) I’ve designed things so that when the browser window or screen is 940px or wider, the third widget column is to the right of the content. At 939px and less, it reverts back to the original layout with the three widget areas below the content.

Make sure and view your site on a tablet and smartphone is possible, and narrow and widen your browser window a lot on a number of pages and such and make sure there aren’t any anomalies that show up. I tested pretty thoroughly, but I may always have missed something.
```
@media screen and (min-width:940px) {
	#content {
		position: relative;
		width: 950px;
	}
}

@media screen and (min-width:940px) {
#third {
	position: absolute;
	top: 0;
	right: 0;
	}
}

@media screen and (min-width:940px) {
#posts-wrapper {
	max-width: 690px;
	}
}

@media screen and (min-width:940px) {
	#first, #second {
		width: 330px !important;
	}
}
```
lettergrade · Member · Oct 11, 2013 at 6:40 pm
Copy link
@thesacredpath, I enjoy your extra-mile css. :)
thesacredpath · Member · Oct 11, 2013 at 6:54 pm
Copy link
@lettergrade, thanks.

No items found.