Second Sidebar to Adelle theme

reneeandburthq · Member · May 23, 2014 at 12:38 pm
Copy link

Add topic to favorites
Is there a way I can add a second sidebar to the adelle theme I want one both on the right and left.

The blog I need help with is: (visible only to logged in users)
remprops · Member · May 23, 2014 at 2:26 pm
Copy link
Unless it is an option within that particular theme, there is no way to add a sidebar to a WordPress.com site. Have you looked at the theme options?
reneeandburthq · Member · May 23, 2014 at 6:42 pm
Copy link
I have looked in the customising bit, is that where you mean? Is there a way for me to add my own advertisement to the right hand side of my page?
timethief · Member · May 23, 2014 at 6:44 pm
Copy link
This is a duplicate. You were answered 2 day ago in the first thread here https://en.forums.wordpress.com/topic/second-sidebar-to-adelle-theme?replies=2#post-1846682 Navigate to it please and post there as this thread will be closed.
reneeandburthq · Member · May 23, 2014 at 6:46 pm
Copy link
You told me to copy and paste it in here, so I have.
timethief · Member · May 23, 2014 at 6:47 pm
Copy link
Yikes! I am so sorry. I got that backwards as you started this new thread here after reading my response in the other thread. Those who provide CSS editing help will provide a definitive answer to your add a sidebar question as soon as they work their way forward to this thread.
timethief · Member · May 23, 2014 at 6:54 pm
Copy link
remprops was indicating that on WordPress.com there is no straight forward and easy way to add additional sidebars to themes that do not have them built in, as that would require modifications to the templates themselves.

Provided you can attract a Volunteer or Staff member who wants to put time and effort into trying to create a convoluted means of adding one then you have to have the custom design upgrade. Without the upgrade it is not possible.
http://en.support.wordpress.com/custom-design/
http://en.support.wordpress.com/custom-design/editing-css/

Bottom line: If you want two sidebars, this link will help you identify the 26 free themes that already have them designed into the theme http://theme.wordpress.com/themes/features/three-columns/?sort=free
reneeandburthq · Member · May 23, 2014 at 7:04 pm
Copy link
I am able to customise my blog through CCS coding, not sure what you are asking me to upgrade to I have already upgrade from the basic plan but am not on the business plan. By paying for the custom design how would I be able to add a second sidebar?
reneeandburthq · Member · May 23, 2014 at 7:07 pm
Copy link
It says my custom design is active.
timethief · Member · May 23, 2014 at 7:08 pm
Copy link
I have already upgrade

Thanks for confirming that. All you have to do now is wait for another Volunteer or Staff who work with CSS to respond to you. They will do that after they answer the CSS threads that were posted into the CSS Forum before this one was posted.
reneeandburthq · Member · May 23, 2014 at 7:09 pm
Copy link
ok thanks
designsimply · Member · Jun 19, 2014 at 6:17 pm
Copy link
It’s not possible to add dynamic content where it didn’t exist before using CSS only, however, you can use CSS to move things that already exist on the page to different locations on the same page.

Positioning can actually get pretty tricky. I would recommend reading this as background: http://css-tricks.com/absolute-positioning-inside-relative-positioning/

I can also help you get started with an example. The following CSS will take one element from the widget area you currently have placed on the left and move it over to the right. The @media rule works to limit the change to large screens only. You should be able to adjust the top and right values at the bottom, to move the widget around until it looks good to you. It could be be a bit tricky to stack additional elements below because of how absolutely positioned elements are fixed onto the page. It’s doable if you avoid variable height widgets for the ones you absolutely position though.
```
@media screen and (min-width: 900px) {
	#main {
		position: relative;
	}
	#secondary {
		position: static;
	}
	#main .widget-area {
		margin-right: 0;
	}
	.secondary #primary {
		margin: 0 -22% 0 0;
	}
	#gravatar-2 {
		position: absolute;
		top: 22px;
		right: -50px;
		width: 224px;
	}
}
```

No items found.