post padding css

Viewing 8 replies - 1 through 8 (of 8 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years ago

    Try removing this bit:

    .page-template-template-magazine

    Thread Starter designandinternet

    (@design-and-internet)

    10 years ago

    Thanks Andrew.

    Sadly didn’t work. Went back to no padding on both blog and individual posts.

    Here is the full custom css on the the child theme:

    #contact-page ol.forms textarea {
    height: 80px;
    }

    #portfolio {
    padding-left: 50px;
    }

    .nocomments {
    display: none;
    }

    #nav-container #navigation {
    background: none;
    }

    .page-template-template-magazine #navigation {
    margin-bottom: 30px;
    }

    Any other suggestions?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years ago

    Sounds like a CSS specificity issue, try this instead:

    body #navigation {
    margin-bottom: 30px;
}

    Thread Starter designandinternet

    (@design-and-internet)

    10 years ago

    Well done – that’s worked. Cheers – HAPPY EASTER!

    Thread Starter designandinternet

    (@design-and-internet)

    10 years ago

    Ah, hang on, adding

    body #navigation {
    margin-bottom: 30px;
    }

    and removing

    .page-template-template-magazine #navigation {
    margin-bottom: 30px;
    }

    has thrown out the homepage slider

    http://www.designandinternet.co.uk/

    Is there a way for just the blog and individual posts to be padded and the rest of the site left as is?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years ago

    Yes, if you look at the <body> element:

    1. Open your page
    2. Right click
    3. Select ‘view source’
    4. Search code for “<body”

    You will see that you have a range of classes on that body element. Some of them will be available across the templates that you want.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years ago

    So try this:

    .single #navigation,
.blog #navigation {
    margin-bottom: 30px;
}

    Thread Starter designandinternet

    (@design-and-internet)

    10 years ago

    Done and working. Thanks for the tips – cool!

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

The topic ‘post padding css’ is closed to new replies.