WordPress.org

Forums

Images not responsive in responsive template (2 posts)

  1. jferaco9
    Member
    Posted 9 months ago #

    Hey guys! I am currently working on a theme called Pace.

    http://www.mojo-themes.com/item/pace-stylish-portfolio-and-blog-wordpress-theme/

    Most of it's features are responsive but it seems that when I add images and galleries into my pages they are not, and do not automatically resize based on browser size. This makes them all cut off when viewing from my mobile phone.

    How can I make these responsive? Is there a plugin that would work better? Here is a link to my temporary website address, if you would like to take a look. http://johnferaco.buddyappdevelopment.com

    Here is the code for the images that are not responsive..

    Images

    <img class="alignleft size-large wp-image-523" src="http://johnferaco.buddyappdevelopment.com/wp-content/uploads/2014/07/logos3-1024x73.png" alt="logos3" width="1024" height="73" />

    <td><img class="aligncenter wp-image-458" src="http://johnferaco.buddyappdevelopment.com/wp-content/uploads/2014/07/tape2-956x1024.png" alt="tape2" width="595" height="637" /></td>

    Gallery

    [gallery ids="645,639,646,648,647,640"]

    Thank you in advance for all of your help! I really appreciate it!
    John

  2. jferaco9
    Member
    Posted 9 months ago #

    Solved it myself! Thanks!

    Pasted that into .css file (stylesheet.css)

    img {
    border: 0 none;
    max-width: 100%; height: auto;';
    vertical-align: middle;
    }

Reply

You must log in to post.

About this Topic