I was curious if there was an easy way to switch a sidebar to appear on the left instead of the right.
Would that depend on the theme or is it fairly simple to do like change some words that say "right" and replace them with the word "left".
Just curious...
Posted 6 years ago #
Use the Css to set the sidebar to left or right position.
There are a few Css rules for the sidebar, but the sidebar main div will do the job.
Posted 6 years ago #
It can depend on the theme. Some themes even had an option that let's you specify in the admin panel which side the sidebar will appear on. Almost Spring is one such theme.
Typically you'll find a float: right (or float: left) for the sidebar wrapper. Look for it in the stylesheet (ends in .css) You can try changing it, and see if it works. Depending on how the CSS was written, it may work fine. But be sure to check all browsers, just because it looks right in one, it may not in others.
If that doesn't work, then I would suggest you study up on css a bit, or get specific about which theme in your queries here, or perhaps even contact the theme author.
OK I guess I may need a little coaching. I tried a few things but I didn't see a change.
I am using the fspring theme.
Posted 6 years ago #
can you provide a link to a demo to the theme?
Posted 6 years ago #
BTW does anybody know how to do it in kubrick? I cannot find the relevant float. Thanks!
Renee, don't even try. It's not so simple as it seems from the posts above - especially with K.
Posted 6 years ago #
I thought all the sidebars were controlled by the css, but fair enough, I've not worked with the Kubrik theme.
To be honest, you might well need to alter more Css than just a mere left to right, and might need to also alter the main content also.
Good luck
Posted 6 years ago #
You might have an easy one. I've taken a quick look, and you might get away with just changing the float on '#content'. I haven't tested it, so give it a try, and see if it works.
original:
#content {
width: 525px;
float: left;
display:inline;
text-align: justify;
padding: 10px;
margin: 8px;
background: #FFFFFF
}
try changing it to:
#content {
width: 525px;
float: right;
display:inline;
text-align: justify;
padding: 10px;
margin: 8px;
background: #FFFFFF
}
hmmm I tried that and there were no changes.
Posted 6 years ago #
make sure you aren't pulling a cache'd version. force refresh etc.
This topic has been closed to new replies.
