Template Header background image resize?

Discussion in 'Subrion CMS Templates' started by dwmolyneux, Jul 10, 2017.

  1. dwmolyneux

    dwmolyneux New Member

    Hi I have been able to find and replace the default header background image with my own. I have also located the user-style.css but as it has been while like trying to ride a bike after not riding one since was a kid.

    I am wanting to know how to resize the image displayed? I resized the image it's self but it still displays to large.
    I'm just needing to shrink the height of the image by approx. 25% of what the default is. the rest of it is good as is.

    What is the correct and easiest way to do so?

    I had searched prior to posting but only found on removing the image not resizing.

    Thank you
  2. Gleb_S.

    Gleb_S. Subrion Designer Staff Member

    Hi @dwmolyneux !

    The issue is that the background image has a property `background-size: cover;`. That means that the image will take all the available space.
    To turn that off, you need to add these CSS styles to user-style.css:

    Code (CSS):
    .header {
    background-size: auto;
    }
    That is it.
    Thanks!
    Dayir_A. likes this.

Share This Page