Resizing Featured Image

resolved (7 posts) (2 voices)

  1. flightlineaviationmedia
    Member

    I am having issues with resizing vs disabling resize and images - plus a related question about blog post featured images.

    How can I resize a featured image for mobile only? I only know of one way to specify a size for the featured image, on the image resizing tab the one called One Column Blog. But the image is way too big for mobile screens.

    Posted 4 years ago #
  2. Elliott
    Support

    Hello flightlineaviationme,

    If your using our responsive settings then the images will automatically be resized to fit the screen of whatever device your using.

    Posted 4 years ago #
  3. flightlineaviationmedia
    Member

    Ok, For some reason, if I rotate the phone horizontal the image looks very big (original size was 800px). If I rotate the phone vertical the featured image downsizes but either way, it is not centered. On the desktop, it does appear to be centered.

    Posted 4 years ago #
  4. Elliott
    Support

    Send us a link and take a screenshot highlighting what your seeing.

    Posted 4 years ago #
  5. flightlineaviationmedia
    Member

    Ok. Here are 2 screen captures. the image is obviously much larger in the horizontal & neither is centered.

    Here's the page for the desktop:

    http://flightlineaviationmedia.com/2013/boeingc-17/

    Attachments

    1. screnshot-horiz-1.jpg (86.6 KB, 0 downloads) 4 years old
    2. screenshot-vert-1.jpg (77.5 KB, 0 downloads) 4 years old
    Posted 4 years ago #
  6. Elliott
    Support

    It looks like you have this in your custom CSS,

    .post_grid_image img, .single_post_image img {
        left: 60px;
        position: relative;
    }

    Which is moving it to the left 60px.

    Posted 4 years ago #
  7. flightlineaviationmedia
    Member

    Oh..... that would explain it not being centered! But the reason I did that is because on the desktop version,

    the featured image is not centered. it appears to be left justified.

    What I did now, was keep that code as it is, and copied it into the Responsive custom CSS but changed the number to left: 0px which now makes it fit both the vertical and horizontal screens on the phone...while the desktop version stays centered as it was. Isn't it supposed to be centered by default? I don't think I really should have to specify that in CSS.

    Posted 4 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme