full width image on page

  • Hi there,
    I’m using Twenty Eleven theme and created a child theme for my CSS.

    I’m trying to get a full width page/no sidebars of 1000px to my pages.
    I set it out to a one column on the Theme Options and added this code to my child theme CSS:
    .one-column #page { max-width: 1000px; }

    When I add images to my pages it doesn’t show the right size, it shows a small size. The images are 1000px wide but it goes on 300px max.
    I tried edit the image and corrected the size but it shows a pixelated version of it.
    It is the same when I add text, it doesn’t go all the width of 1000px.

    I have no clue what I’m doing wrong. This issue is stocking me from finishing my client’s website. I’m using Inspect Element on Google Chrome and Firebug but couldn’t get this right.
    Any help will be greatly appreciated !

    Thank you.

    Lujan

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

  • Go in and edit the page.
    click on the image and then click on the edit image box that pops up

    Thread Starter lujan44

    (@lujan44)

    Hi batharoy,

    I already did this to resize the image.
    The image has an original size of 1000px width and can’t edit it to more than 300px.
    On the media library the image has its right size but when I upload it to the page it reduce it to 300px.
    Any thoughts ? thank you!

    Lujan

    If your adding through the Add Media button, make sure you scroll down on the pop-up page, in the bottom right corner you can change the size.

    Thread Starter lujan44

    (@lujan44)

    Hi Thanks!
    I scrolled down and set on the ATTACHMENT DISPLAY SETTINGS to full size.
    It shows better but still the image doesn’t cover the full width of 1000px.
    Do I need to add more code to the CSS ?
    If so could you give me a hint on this ? thanks again

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘full width image on page’ is closed to new replies.