need HELP moving widgets to the left side of the page

  • Unknown's avatar
    psaugust · Member ·

    I downloaded a CSS style sheet from wordpress.org and pasted it onto my CSS style sheet editor. Everything looks great, except the widgets sidebar ended up on the bottom of the page instead of on the left side of the page. I can change the width of my content, but the widgets remain at the bottom. So frustrating. Please help!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    husdal · Member ·

    The CSS style sheet is for editing the style of an existing theme. You can only modify the CSS that is already there. Copying and pasting the CSS from some other theme will not work at all, since all CCS is theme-specific, it does not work across themes.

  • Unknown's avatar
    raincoaster · Member ·

    Can’t help without a link to the blog, starting with http.

  • Unknown's avatar
    psaugust · Member ·

    http://psaugust.com/

  • Unknown's avatar
    psaugust · Member ·

    It seems to work fine. I can edit my font styles and colors like I want to, but the widget sidebar still wont budge.

  • Unknown's avatar
    devblog · Member ·

    No, it’s not working fine. If you got the font styles (and other elements) to look the way you want to is because it just happens that the selectors in your CSS match said elements.

    Like husdal said:

    Copying and pasting the CSS from some other theme will not work at all, since all CCS is theme-specific, it does not work across themes.

    The CSS you copied defines the sidebar of the theme you got it from like this:

    #sidebar {
width:25%;
font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align:left;
float:left;
margin-top:20px;
padding:1px 10px 10px 0;
}

    In the current theme, there is no element with an id value of “sidebar”.

    An element with an ID value of “sidebar” would look like this:

    <div id="sidebar">
...
...
...
</div>

    That’s the reason why you’re sidebar won’t behave the way it’s expected.

    To make it look the way you want, you’d be better off using Sandbox-10 and porting the CSS to match the theme you got the style from.

  • Unknown's avatar
    thesacredpath · Member ·

    Hey devblog, could you take a look at this one: https://en.forums.wordpress.com/topic/formatting-sidebar-titles-with-links-twitter-rss-widgets?replies=7 ?

  • Unknown's avatar
    psaugust · Member ·

    Thanks alot! I activated the sandbox theme and the side bar has moved to where I want it. But now it has so many extra widgets that I can’t seem to get rid of. And my header image has disappeared also.

  • Unknown's avatar
    psaugust · Member ·

    Ok, I removed the extra widgets that were showing up twice. And I checked that the Sandbox theme does not support a header image. Is there anyway around that? Can I add background image or anything with graphics? And also, I just have one more minute detail and sorry for being so nit-picky, but can I remove the RSS feed and Search box. Or just move it somehow to the bottom?

  • Unknown's avatar
    devblog · Member ·

    TSP,

    Sure, I’ll take a look at it.

    psaugust,

    As I said before, it will need some tweaking.

    What’s the path to your header image?

    I’d recommend you switching to Sandbox-10 since it’s the newest version.

    This is just feedback: The font and color you chose for your sidebar, is hard to read… especially the sidebar titles.

  • Unknown's avatar
    psaugust · Member ·

    This is just a temp image for now, but Let’s see if it will work.
    I also changed to Sandbox-10. looks a little more cleaner, especially in the fonts and lines. I’m still working on the fonts and colors for now, but that can easily be changed later. Thanks, any feedback is helpful!

  • Unknown's avatar
    devblog · Member ·

    psaugust,

    I found this advise in one of the threads TSP linked to in another thread. It’s a good advise that I’d encourage you to follow for future CSS changes you might want to make to your blog:

    There is no trick. But doing CSS requires an understanding of the markup (xhtml). There is no way round that. The CSS applies styles to stuff. To what stuff depends on the markup. So number one read the source (View Source). Get used to it. Feel comfortable with it. Two. Understand what the heck selectors actually are. Different cats of selectors behave in different ways. SO: this is counter intuitive. To understand the CSS do not start in CSS. Start in the xhtml. Then see how they relate. Its all there. :)
    There are gazillions of CSS tutorials on line.

    I think that explains it better than what I wrote in one of my previous posts: not every style will apply to every theme.

    At lunch time, I’ll look into your header code and will post as soon as I have something.

  • Unknown's avatar
    devblog · Member ·

    Add this to your CSS

    #header {
background: #fff url(http://psaugust.files.wordpress.com/2009/08/cropped-line-drawings2.jpg) top center no-repeat;
clear: both;
display: block;
height: 180px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}

    That should display your header image.

  • Unknown's avatar
    psaugust · Member ·

    Thanks so much devblog!it worked!

  • The topic ‘need HELP moving widgets to the left side of the page’ is closed to new replies.