Moving the sidebar from the left to right side?
-
How can I do this? My blog is http://www.solarpaneltech.com/ and I would like to move Sponsors to the right side and delete “Meta”.
Also, how can I make drop down categories on the page “Categories” when someone hovers their cursor over it?
Thanks.
-
Also where I have the youtube video posted, how can I remove “Posted by admin in (I want to keep JUST “Solar Energy”) | No Comments | Edit”
bump
le bump
ok this is the last bump seriously
Ok, so you’re using a fairly well designed theme which I assume you downloaded. In order to move the sidebar you’re going to have to edit your style.css file.
Do you know how to do this?? If not you’d probably be better off finding a different theme.
If you do you’ll need to find #page.with0sidebar id and start chaning left alignment values to “right” alignment values.
This is going to take some serious frigging around (i.e. recoding) btw if you’ve never done this before.
yeah I know how to edit the style.css but I dont know which left / right to edit. I’ve looked for align.left and right but that was to no avail.
Make sure you try these edits on a local server and not live.
I think what you what to look for and change is this:
any css id that is #page.with-sidebar
and the value left: should be changed to right. It looks like your theme is using a leftsidebar.css file as well as the usual style.css file you may have to change these values in both.
Likely this is going to open up a can of worms and you’re going to have to start tweaking a lot of little things before you get everything sorted.
hmm ok so I just look for “#page.with-sidebar” in style.css?
That’s what I said.
Take a look at some of the wordpress for designers videos here
http://blog.themeforest.net/category/wordpress/
they may help you begin to understand how wordpress uses php and css files to make a site.
I found
“/*** 2 column layout ***/
#page.with-sidebar .mask-main .mask-left {
right:30%; /* right column width */
}#page.with-sidebar .mask-main .col1 {
width:70%; /* left column width */
left:30%; /* right column width */
}#page.with-sidebar .mask-main .col2 {
width:30%; /* right column width */
left:30%; /* right column width */
}/*** 3 column layout ***/
#page.with-sidebar.and-secondary .mask-main .mask-left {
right:25%; /* right column width */
}#page.with-sidebar.and-secondary .mask-main .col1 {
width:50%; /* left column width */
left:25%; /* right column width */
}#page.with-sidebar.and-secondary .mask-main .col2 {
width:25%; /* right column width */
left:25%; /* right column width */
}#page.with-sidebar.and-secondary .mask-main .col3 {
width: 25%;
left: 25%;
}.clear-content{
height: 1px;
clear: both;
display: block;
}
“When I change mask right to left, It doesn’t visibly change anything.
What theme are you using?
Arclite 2.02 by digitalnature
Simple but elegant theme with lots of theme options. Designed by digitalnature.
All of this theme’s files are located in /themes/arclite.
Tags: light, brown, two-columns, flexible-width, right-sidebar, theme-options, threaded-comments, custom-header, translation-ready
any luck?
Ok what I think you should do is go to this website:
http://digitalnature.ro/projects/arclite/
And look for documentation about how to use the theme you’ve chosen which already has features like a “right sidebar.” And if all else fails ask your question in the comments there.
But that’s what I think. All the best, hope you get it sorted.
The topic ‘Moving the sidebar from the left to right side?’ is closed to new replies.