Twenty Eleven
[resolved] How to keep 2011 theme from auto scaling? (6 posts)

  1. cwolff
    Posted 5 years ago #

    Hi, does anyone know of a way to keep this theme from scaling the images, etc when the viewport is adjusted?



  2. esmi
    Forum Moderator
    Posted 5 years ago #

    Do not edit the Twenty Eleven theme. It is the default WordPress 3.2 theme and having access to an unedited version of the theme is vital when dealing with a range of site issues.

    For this reason, it is recommended that you consider creating a child theme for your customisations. Once your child theme is active, we should be able to help with the customisation.

  3. cwolff
    Posted 5 years ago #

    Thanks Esmi,

    I am working with a child theme of 2011, sorry I should have stated this.

    However, my child theme is auto scaling and I would like this not to happen.


  4. Rev. Voodoo
    Posted 5 years ago #

    I would venture a guess that if you changed the max-width here to just width

    #page {
    	margin: 2em auto;
    	max-width: 1000px;

    nothing would scale...

  5. cwolff
    Posted 5 years ago #

    Thanks Rev. Voodoo, exactly what I needed.


  6. Matthew Slyman
    Posted 4 years ago #

    Alternative ways that don't involve messing about with the master theme:

    Place inline CSS in your image tags:
    <img src="..." style="min-width:495px;" />

    If you want scrolling overflows, place your image inside a <div>:
    <div style="width:100%;overflow-x:scroll;"><img ...></div>

    If you want your image to scale vertically and maintain aspect ratio, consider using "%" measurements for height.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic