WordPress.org

1. ccgalloway@swbell.net
   Member
   Posted 4 months 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 4 months 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 4 months 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 4 months 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 4 months ago #
   

   Perfect! Thanks so much!

Reply

You must log in to post.