• conciseac

    (@conciseac)


    It might be best if you open this screenshot please: https://screencast.com/t/H1Aytglg but basically here’s ‘the problem’

    I bought OceanWP Hooks plugin which works great and I’d like to add a very simple HTML table using the below code:

    	<table>
    		<tbody>
    			<tr>
    				<td><img src="x.png">USA</td>
    				<td><img src="x.png">UK</td>
    				<td><img src="x.png">Canada</td>
    				<td><img src="x.png">Germany</td>
    			</tr>
    		</tbody>
    	</table>

    This renders great. The images are 100px x 200px – however, when I make the screen narrower (mobile for example) what happens is that the right hand side images become a few pixels shorter and it provides for an amateurish experience for the user.

    I’ve tried many things to get the images to stay the same height (even if shorter but at least consistent) however I think that there is something in the OceanWP styles.css that might be affecting this?

    What’s the work around please?

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Amit Singh

    (@apprimit)

    Hello,

    It is because images are keeping the same aspect ratio and it is good. If a user is open the site, he/she will only see an image. Do you really want to keep the height same? If yes, then you need to edit the above code to achieve this.

    Since you are a premium user, please open a ticket on the oceanwp.org.

    Thread Starter conciseac

    (@conciseac)

    Thanks Amit – I’ll do it now – thanks

    • This reply was modified 6 years ago by conciseac.
    Amit Singh

    (@apprimit)

    You’re welcome!

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