WordPress.org

Ready to get started?Download WordPress

Forums

Trying to adjust the "main" div only on one page (5 posts)

  1. knievera
    Member
    Posted 5 months ago #

    site is thelongcenter.org

    Right now the main div is on every page and dictates the content background. I am trying to make it so that on the blog page, its white instead of the off-white we usually use. Help please?

  2. alchymyth
    The Sweeper & Moderator
    Posted 5 months ago #

    your theme uses body_class() so you have page specific CSS classes to base the formatting on; http://codex.wordpress.org/Function_Reference/body_class

    use a browser inspection tool to find this CSS class of the blog page, possibly it is .blog

  3. knievera
    Member
    Posted 5 months ago #

    Currently there is only one main div/class/anything in the style.css, how do I put in the desired changes?

    http://thelongcenter.org/community/blog

    This is my attempt at it, but no luck yet

    .page-id-60 {
    clear: both;
    overflow: hidden;
    padding: 35px 10px 0px 10px;
    background-color: white;
    -moz-box-shadow: 0 0 3px 3px #888;
    -webkit-box-shadow: 0 0 3px 3px#888;
    box-shadow: 0 0 3px 3px #888;
    }

    Sorry if I seem really new to this, not familiar with WordPress and first time using php and CSS classes.

  4. alchymyth
    The Sweeper & Moderator
    Posted 5 months ago #

    try

    .blog #main {
    clear: both;
    overflow: hidden;
    padding: 35px 10px 0px 10px;
    background-color: white;
    -moz-box-shadow: 0 0 3px 3px #888;
    -webkit-box-shadow: 0 0 3px 3px#888;
    box-shadow: 0 0 3px 3px #888;
    }
  5. knievera
    Member
    Posted 5 months ago #

    Hey that worked! Thanks a lot man. I've been a webdev intern here at the Long Center for a month and my boss is away this week so he gave me some head-scratchers to work with so I can become more familiar with WordPress.

    Thanks again!

Reply

You must log in to post.

About this Topic