Sidebar Widgets in Twenty Ten Theme

  • Resolved [email protected]

    (@ccgallowayswbellnet)


    12 years, 1 month 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?.

Viewing 4 replies - 1 through 4 (of 4 total)

  • 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(); https://codex.www.ads-software.com/Function_Reference/body_class

    make that style selective for the home page;

    example:

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

    Thread Starter [email protected]

    (@ccgallowayswbellnet)

    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?

    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;
}
    Thread Starter [email protected]

    (@ccgallowayswbellnet)

    Perfect! Thanks so much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Sidebar Widgets in Twenty Ten Theme’ is closed to new replies.