Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    New Coder
    Join Date
    Jul 2012
    Posts
    79
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Wordpress: All the content on my pages seems to have been pushed to the right

    All the content on my pages seems to have been pushed over to the right and I can't figure out why. It has happened to all my pages.

    Is there some master WP file that controls the formatting that I can fix this with?

    Here are some pages that you can see this on:
    http://www.convolutedconstruct.com/look-book
    http://www.convolutedconstruct.com/8...ly/exhibition2
    http://www.convolutedconstruct.com/volumes/ss12/

  • #2
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    Your #content is set to:

    Code:
    #content {
         margin: 0;
         width: 940px;
    }
    and then you used:

    Code:
    .entry-content {
         padding: 22px 42px;
    }
    According to the box model, the image should be:

    940px - (42px padding x 2 sides) = 856px.

    You need to change the image width (and height - maintain the correct aspect ratio):



    or take the padding-left and padding-right off from .entry-content:
    Code:
    .entry-content {
         padding: 22px 0;
    }
    From what I see, the website was probably built without the padding, you perhaps added that padding.
    Last edited by Sammy12; 09-04-2012 at 01:36 AM.

  • #3
    New Coder
    Join Date
    Jul 2012
    Posts
    79
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Well the strange things is that I don't recall changing any CSS recently so I don't see how I could have added that. (Perhaps one of my coworkers did). In any case, do you know where I can find this CSS file that this is in (that is, the directory)? I'm still a bit unfamiliar with the way WP organizes (or disorganizes) the files.

  • #4
    New Coder
    Join Date
    Jul 2012
    Posts
    66
    Thanks
    0
    Thanked 0 Times in 0 Posts
    If you have problem with your wordpress appearance, you should edit your CSS script. But before change your script, it recommended for you to backup your code so that nothing error, you can restore your script.

  • #5
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    Quote Originally Posted by The Noob Coder View Post
    In any case, do you know where I can find this CSS file that this is in (that is, the directory)?
    On line 290 of default.css:

    Code:
    .entry-content {
        padding:22px 42px;
    }
    The file is located: http://www.convolutedconstruct.com/w...es/default.css
    convolutedconstruct (directory) > wp-content > themes > thematic > library > styles > default.css

    Better yet, if you can't find it, just override it in another css file that you have access to and write:

    Code:
    .entry-content {
         padding: 22px 0 !important;
    }
    Last edited by Sammy12; 09-05-2012 at 06:32 PM.

  • #6
    New Coder
    Join Date
    Jul 2012
    Posts
    79
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thanks, I found the file. The padding on the left was reduced significantly when I changed it to 0, but there is still some left for some reason (even though I am using !important). Any ideas why that could be?

  • #7
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    Code:
    #main {
        position: relative;
        left: -10px;
    }
    #main, #container, #content {
        width: 942px !important;
    }
    Your background is not centered, I don't think the image you are using has the correct dimensions on the left and right. Basically your page is in the middle of the page, but the background is not. The right side of the background is longer than the left. Instead of fixing the image, I think it would be better to just adjust the CSS (code above) since if you edit the image, you will lose the crisp quality of the original aspect ratio.

  • #8
    New Coder
    Join Date
    Jul 2012
    Posts
    79
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thank you, thank you, thank you!

    This did the trick and everything looks fine now. You're awesome!


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •