RE: Problem – Positioning page content on page

  • Resolved Louismoore20

    (@louismoore20)


    11 years, 11 months ago

    i have a problems that i cant get my head around, so was wondering if anyone could help…

    my page here https://www.louismoore.net/wordpress/photos/ (excuse the pictures) is the problem. As you can see the instagram feed is only showing in half the page. the white space next to it is where the sidebar for the page was, however i dont want it on this page.

    In the css the page content is defined to only go that far which i think is the problem. However if i change the css to make it wider then it effects the main page (https://www.louismoore.net/wordpress/) and i dont want this to change.

    i think what i need to do is give the page content class for the photo page another name e.g page content 2 and then define that to make it wider, which would then leave the first page alone. However i dont know how to do this as the page get the page content via php so i cant just change the class name and add it to the CSS as its only allows me to to change the page content class which would effect all pages or nothing

    i hope this makes sense

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

  • You can use the unique page id class in the CSS selector to only change that page:

    <body class="page page-id-64 page-template-default custom-background custom-font-enabled single-author">

    But you have a more serious problem — in that you are making changes to the theme files — you really need to be using a child theme — that way your changes won’t be overwritten when WP or the theme is updated. It’s also very important that you have a clean copy of the default theme for troubleshooting purposes.

    https://codex.www.ads-software.com/Child_Themes

    It also looks like something got messed up with the code of your page:

    https://codex.www.ads-software.com/Validating_a_Website

    Thread Starter Louismoore20

    (@louismoore20)

    Thanks for your reply and I followed your advice regarding the child theme. I set up some css instructions under page-Id-64 { . }

    How can I photos move over a bit. In fact they could stay there they are but if they could be 4 pictures wide rather than 3. I did however try to adjust the width and that didn’t work and I added margin-left: , however this didn’t move the images either.

    I think ‘page-id-64’ is the whole white area rather than just the images

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘RE: Problem – Positioning page content on page’ is closed to new replies.