Forums

[resolved] CSS for different widths on pages (5 posts)

  1. khanyaphoto
    Member
    Posted 9 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

    http://khanyaphotography.com/contact/

    thank you in advance for any assistance

  2. Andrew Nevins
    Volunteer Moderator
    Posted 9 months ago #

    Can you enable right-clicking on your website?

  3. khanyaphoto
    Member
    Posted 9 months ago #

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

    ty

  4. Andrew Nevins
    Volunteer Moderator
    Posted 9 months ago #

    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.

  5. khanyaphoto
    Member
    Posted 9 months ago #

    thanks so much thats perfect!

    I get so confused when I start combining elements

    :D

Reply

You must log in to post.

About this Topic