Okay
  Public Ticket #1783413
Need to get portfolio header images not to tile at larger screen resolution
Closed

Comments

  • tkliewer started the conversation

    Hi,
    I'm not able to get the header background images on my individual portfolio item pages not to tile at a large screen resolution. I am working with a large monitor, and those who I will be marketing to, also have large monitors, so they will also see this as well. The header image on the homepage does not tile, so I'm wondering how I can get the header images on the portfolio pages to go full width, like the home page header image.

    Many thanks in advance!!
    Tim

  •  60
    mSupport replied

    Hello,

    add to custom css

    single-portfolio .page-banner .page-feature-image {
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    

    This will make the header cover all the header space. Images should be 1920x1080px.

    Let me know.

    Thanks!

  •   tkliewer replied privately
  •  60
    mSupport replied

    typo, sorry

    .single-portfolio .page-banner .page-feature-image {
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    
  •   tkliewer replied privately
  •  60
    mSupport replied

    For the other pages:

    .page-banner .page-feature-image {
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
    }