WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Best way to widen TwentyTen (21 posts)

  1. jknetdesign
    Member
    Posted 2 years ago #

    http://crhouseinc.com/contact/

    I built a child theme with some absolute positioning on certain divsand a width of 1000px. Somewhere there is a conflict because the page does not auto scroll when I shrink the browser.

  2. sacredpath
    Member
    Posted 2 years ago #

    Can you explain a little further? I'm not sure I understand what you mean by "auto scroll."

  3. jknetdesign
    Member
    Posted 2 years ago #

    If you shrink the browser and click around the pages and use Firebug, the whole site flys off to the left and sticks there. This is the second time I did this when widening the a child of the twentyten theme. What general rule of thumb am I missing here? If you make the browser really skinny there's no horizontal scroll like there's supposed to be.

  4. sacredpath
    Member
    Posted 2 years ago #

    The issues are in the CSS in #container and #content. Right now #container is positioned to where it is way over the right edge of #main.

    In the HTML side on Firebug, run your mouse over #container and #content. You need to rework and reposition those so that they aren't hanging outside of #main.

  5. jknetdesign
    Member
    Posted 2 years ago #

    Okay, I'll try that. Also, if I want to make a template for the home page do you know what file I use?

  6. sacredpath
    Member
    Posted 2 years ago #

    You are talking about a non-post style (static) page? If you aren't talking about major changes over what you have now, you can specifically target CSS changes by using one of the main classes (such as "home") for the page you create to be used as the home page. The CSS selectors would be prefaced by .home such as this generic example.

    .home #header {
    ...
    ...
    }

    You might also want to look at page templates and see if that would work for you.

  7. jknetdesign
    Member
    Posted 2 years ago #

    That's how I did this home page, using the page id, but I want to remove the classes that are under the slide show. I feel like it was bad practice how I absolute positioned the slide show on top of the main container. Do I start with page.php or loop-page.php to make a Home template? Thanks for all your help.

  8. sacredpath
    Member
    Posted 2 years ago #

    If you are just doing static content (no posts) then page.php I would think. I haven't looked at all the files and such in 2010 lately, but that would be where I would start.

  9. jknetdesign
    Member
    Posted 2 years ago #

    So do you build child themes? if you do are you saying you use TwentyEleven?

  10. sacredpath
    Member
    Posted 2 years ago #

    I virtually never modify any original theme since if I do and there is and an automatic update is done, all the changes are going to be lost.

  11. jknetdesign
    Member
    Posted 2 years ago #

    Yeah same here, but I just started building child themes and they stayed perfect on that last update. Almost all my sites are custom child of twentyten themes. jknetdesign.com I was just curious because I was thinking about creating a child of twentyeleven for my next project.

  12. sacredpath
    Member
    Posted 2 years ago #

    Absolutely most definitely create a child with twenty eleven so that you leave the default theme untouched in case you need to switch back to it for any sort of troubleshooting.

  13. jknetdesign
    Member
    Posted 2 years ago #

    Right I'm not talking about editing the core files vs creating a child theme, different topic. My question is, have you created a child theme of twentyeleven? Because I have been creating child of twentyten themes and I'm curious how twentyeleven has worked for you. Because you said it's been a while since you used twentyten files.

  14. sacredpath
    Member
    Posted 2 years ago #

    Yes I have, but they have been fairly minor with just a few additions/changes here and there. Nothing radical.

    [Edit: you have to be careful with 2011 in order to keep the responsive design.]

  15. jknetdesign
    Member
    Posted 2 years ago #

    http://crhouseinc.com/about-us/team/ Hi again.I don't know what the problem here is. Maybe it has to do with something positioned absolutely? When a page has a lot of content it get's a weird position in the browser.

  16. sacredpath
    Member
    Posted 2 years ago #

    I'm not seeing a weird position when viewing it in Safari or Firefox - or I'm missing the weird. Can you explain further or provide a screenshot?

  17. jknetdesign
    Member
    Posted 2 years ago #

    The main problem here is that the page scrolls almost by itself when content goes below the fold of the browser.

    I'm on Firefox on a Mac. But just realized something. I'm using a mouse that has a horizontal finger scroll so maybe I'm worrying too much. If you make the browser really narrow there's no horizontal scroll bar but I can still scroll it sideways. If you go here http://2010dev.wordpress.com/ and do the same thing, there's a horizontal scroll bar.

    I had the same problem with this site http://dev.senensky.com/ and I got this reply and it worked:

    Your div #content has two margins applied to it, id remove the one from line 73. Also your div #colophon in the footer has a fixed width exceeding the containers width, I'd remove that on line 176 so it's this...

    #access .menu-header, div.menu, #branding, #main, #wrapper {
    margin: 0 auto;
    width:1156px;
    }

  18. sacredpath
    Member
    Posted 2 years ago #

    Make these changes and see what happens. It seems to work on that page for me.

    #container {
    margin: 0;
    width: 710px;
    }
  19. jknetdesign
    Member
    Posted 2 years ago #

    I changed it to this and still does it. You can check it now.
    #container {
    background-color: #ffffff;
    float: right;
    margin: 0;
    width: 710px;
    }

  20. sacredpath
    Member
    Posted 2 years ago #

    The horizontal scrolling that I was seeing earlier is gone, but I suspect that the reason that the horizontal scroll bar is not appearing has to do with the fact that this was originally a "reactive" designed theme that would widen and narrow with the browser window and I'm not sure what would have to be changed to fix that. I suspect it might be something in some of the PHP files.

    The change we made though cleans things up considerably and keeps things within the wrapper. It might not have fixed the issue, but it did fix some issues.

    I'm afraid I've reached the edge of my abilities on this one.

  21. jknetdesign
    Member
    Posted 2 years ago #

    I really appreciate your time involved in helping me. I think learning media queries will help this kind of thing.

Topic Closed

This topic has been closed to new replies.

About this Topic