Okay
  Public Ticket #2023868
Custom sized centered images on mobile
Closed

Comments

  • Cyril started the conversation
    May 24, 2019 at 8:59pm

    Hi there,


    I'm trying to figure out images on mobile – since I'd like them to have a good resolution on Retina, I need to upload bigger file and then restrict the size with CSS

    Doing so (.my-image {width: 300px}) kinda works but columns are not centered anymore like I want them to be and I can't seem to find a fix. 

    What would be the appropriate code to keep images centered?


    Thanks so much

    Cyril

  •  8,994
    Tahir replied
    May 24, 2019 at 10:01pm

    Hey Again,

    Thats not needed. Simply upload them as big as you want and the WP Adaptive Image feature will take care of the rest. 

    Best 

    ThemeNectar Support Team 

  • Cyril replied
    May 24, 2019 at 10:05pm

    Hi Tahir,

    Thanks for your fast answer !


    I tried doing so but a 300px wide image displayed at 300px doesn't look good on a retina screen sadly :(

    That's why loading a 600px restricted to 300px was my best bet.

  •  8,994
    Tahir replied
    May 24, 2019 at 10:13pm

    We dont recommend adding any amendments as it will likely increase your page load speed. 

    Best

    ThemeNectar Support Team