Support » Plugin: Display Featured Image for Genesis » Image Position

  • Hi Great plugin, I was wondering if it is possible to move the featured image on mobile devices as some of my images show bad bits of the image on mobiles

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Robin Cornett

    (@littlerchicken)

    In the plugin settings, on the “Backstretch Output” tab, you can change the image positioning sitewide, if most of your images do not have a centered subject. Just change the “Center Horizontally” setting to “Do Not Center”.

    It is also possible to adjust it on a per post/page basis, by conditionally centering the image using the display_featured_image_genesis_backstretch_variables filter.

    Thread Starter alistairmckenzie

    (@alistairmckenzie)

    Hi Robin
    unfortunately i am not a developer so will struggle with the above, is there no way of altering the background-position with css i.e. background-position:20% 50%; for example
    regards Alistair

    Plugin Author Robin Cornett

    (@littlerchicken)

    The backstretch script adds a lot of inline styles to its output, which makes it very difficult to override, although you could try tinkering with the CSS on .backstretch-item img and see if that helps at all (every rule would have to be !important because of the inline styles).

    If you have a staging or development site where you can experiment, another option would be to test a new feature I’m considering implementing into the plugin: a scriptless version of the banner featured image. The output will end up being slightly different from the standard/current banner, but is fairly similar, and would be much easier to tinker with the CSS. You can download the feature version from Github. (I would not use on a production site–this is still pretty experimental and I’m not 100% committed to using it, although it’s been promising so far.)

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Image Position’ is closed to new replies.