CSS for different widths on pages

  • Resolved khanyaphoto

    (@khanyaphoto)


    12 years, 6 months ago

    Hello!

    I am having some trouble getting the CSS right so that I can specify different width for the content area for different pages.

    For example on my blog page I want the content to be full width but on the Contact and Giving back Pages I want %60 width to make room for side bars

    I used this but it doesnt seem to be working

    #content-sm.blog {
    width: 100%;
}

#content-sm.page-id-98 {
width: %60
}

    I am using the Photocrati theme

    https://khanyaphotography.com/contact/

    thank you in advance for any assistance

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you enable right-clicking on your website?

    Thread Starter khanyaphoto

    (@khanyaphoto)

    yes, sorry about that I turned right-clicking back on

    ty

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    These are the selectors to use for the Contact page

    .page-id-98 #content-sm

    Your previous selectors were looking for the HTML element that both the ID of #content-sm and class .page-id-98.

    Thread Starter khanyaphoto

    (@khanyaphoto)

    thanks so much thats perfect!

    I get so confused when I start combining elements

    ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS for different widths on pages’ is closed to new replies.