Home / Forums / DynamiX Support / Wanting fullscreen bg image to adjust proportionally

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts

  • Bryan Taylor
    Participant

    I have a large fullscreen background image for my home page, but as you resize the browser window, the image does not maintain proportions and looks too wide or too thin. I want to have a responsive fullsreen image that adjusts horizontally as the window is resized, but not vertically. For example, see http://www.august.com.au

    Is this possible? If so, how?


    Bryan Taylor
    Participant

    To be clear, I’m trying to make sure my background photo maintains its aspect ratio as the window is expanded and reduced. It’s okay if the bottom of the image gets cut off by the browser window as the image grows and shrinks. Again, I’m looking for how to do this: http://www.august.com.au

    Andy
    Andy
    Keymaster

    Hi Bryan,

    What version of DynamiX are you currently using? Do you have a link to your site with this on, it should keep the ratio intact.


    Bryan Taylor
    Participant

    Hi Andy, thanks for the quick reply. I’m using version 3.0.2. I tried to find the relevant CSS but I can’t figure out what selector/class to look for. The website is http://www.bromtaylor.com. In the very early stages of being built (and I am NOT a pro) so it is currently “live” just long enough for you to take a look.

    Andy
    Andy
    Keymaster

    No problem, I see what you mean now – technically this would be a customization, since you seem familiar with CSS, I’ll try to give you a guide on where to change it, however if you would like me to change it’s behaviour for you, I’d need you to sign-up to the customziation forum.

    Here is the CSS that affects that area in the DynamiX/style.css

    div.custom-layer {
    position: absolute;
    width: 100%;
    min-height: 100%;
    height: 100%;
    zoom: 1;
    left: 0;
    }

    Your best bet is to override this by using the Appearance > Theme Options > Customize > Custom CSS field

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.