Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 19, 2015 at 10:05 am #475364
    etheravion

    Hi,

    I’d like to change:

    layout.css

    .content, .sidebar{
padding-top:0px;
padding-bottom:0px;

    and grid.css

    .container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  clear: both;
}

    only for page ID 2? How do I achieve this with CSS?

    July 19, 2015 at 2:54 pm #475386
    user877

    Hi,

    Just add the page id before the class.

    For example,

    .page-id-2 .content, .sidebar{
    padding-top:0px;
    padding-bottom:0px;

    .page-id-2 .container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    clear: both;
    }

    Hope this helps!

    FYI – you can also make CSS specific to element using custom class.

    July 20, 2015 at 9:33 am #475639
    Rikard

    Hi!


    @etheravion    , please refer to @user877 suggestion.

    Regards,
    Rikard

    August 19, 2015 at 3:51 am #489798
    etheravion

    Just to update the solution works.

    August 19, 2015 at 11:18 am #489937
    user877

    awesome ;)

    August 19, 2015 at 11:23 am #489939
    Yigit

    Hi!


    @user877     Thanks :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change padding for a specific page only’ is closed to new replies.