scaling imported images for every browser size

Discussion in 'GoldenEagle WordPress Theme' started by cmontwerp, Dec 3, 2012.

Thread Status:
Not open for further replies.
  1. cmontwerp

    cmontwerp New Member

    Joined:
    Nov 9, 2012
    Messages:
    7
    Likes Received:
    0
    Hi! Is there a possibillity to import photo's to my pages which are scaling along the browser is smaller, so I can put bigger images as page headers? See: http://www.ogenblikske.nl/wordpress/menu/

    I want to have bigger images which scale down with the browser width...
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    The theme is responsive theme, you can add bigger image in the page which will also work as the responsive when you scale down the browser. As of now you have added the small size image which showing as it is when you see it in mobile site or in the full width size, When you add the bigger image it will automatically sacle down according to the browser width.
     
  3. cmontwerp

    cmontwerp New Member

    Joined:
    Nov 9, 2012
    Messages:
    7
    Likes Received:
    0
    Thanks. I see what the problem is: When the page is set to Full width then the big pictures will not resize. How can I make this working?
     
  4. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .fullwidth img{
    max-width: 100%;
    height: auto;
    }
    It will resolve your issue.
     
  5. cmontwerp

    cmontwerp New Member

    Joined:
    Nov 9, 2012
    Messages:
    7
    Likes Received:
    0
    Thanks Nitesh! It worked great!
     
Thread Status:
Not open for further replies.

Share This Page