WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Sidebar Widgets in Twenty Ten Theme (5 posts)

  1. ccgalloway@swbell.net
    Member
    Posted 1 year ago #

    I am building a child theme of twenty ten. I wanted to use a slider at the top of my home page (which I kept as my latest post page) that stretched all the way across the page. It covered my sidebar, so I pushed my sidebar down with padding in my style.css file, but now the sidebars are pushed down on every page. Is there a way to get the sidebars down on the home page and leave them at the default position for all other pages?.

  2. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    pushed my sidebar down with padding in my style.css file

    each page in a site using the theme Twenty Ten has a unique css clas thanks to body_class(); http://codex.wordpress.org/Function_Reference/body_class

    make that style selective for the home page;

    example:

    .home .whatever-you-have used { ... }

  3. ccgalloway@swbell.net
    Member
    Posted 1 year ago #

    Thanks for your quick response, but I am fairly new to this... Here is what I copied into and changed in my new style.css to push the sidebars down:

    /* Main sidebars */
    #main .widget-area ul {
    margin-left: 0;
    padding: 490px 20px 0 0;

    How should it read?

  4. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    this should be the section
    - first the original style, then the one for the home page, pushing the sidebar down:

    /* Main sidebars */
    #main .widget-area ul {
    	margin-left: 0;
    	padding: 0 20px 0 0;
    }
    
    * Main sidebar on home page */
    .home #main .widget-area ul {
    margin-left: 0;
    padding: 490px 20px 0 0;
    }
  5. ccgalloway@swbell.net
    Member
    Posted 1 year ago #

    Perfect! Thanks so much!

Topic Closed

This topic has been closed to new replies.

About this Topic