Return to previous page

Header background size? - by Simon - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 6 years ago ago by Rose Tyler

  • Avatar: Simon
    Simon
    Participant
    November 24, 2018 at 21:15

    Hi, I would like to know what size my header background image should be so I can get a perfect image.

    #204823 Copied Theme version: 4.5.1
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 26, 2018 at 09:49

    Hello,

    You can try 1170×164.

    Regards

    #204865 Copied
    Avatar: Simon
    Simon
    Participant
    November 26, 2018 at 09:59

    No way to small.
    https://gyazo.com/b75affa6b3fdeb91c2cece72fa4ae6e8

    #204868 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 26, 2018 at 10:08

    Please try to use this code:

    background-size: cover;
background-position: 50% 0%;
background-repeat: no-repeat;

    Regards

    #204872 Copied
    Avatar: Simon
    Simon
    Participant
    November 26, 2018 at 10:14

    Which class should I relate it to?
    For example is it

    .background {
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    }

    #204874 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 26, 2018 at 10:22 
    .header-wrapper {
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat;
}

    Regards

    #204877 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Cleaning – WordPress WooCommerce Theme
lazy-placeholder
Ecotransport Store – WordPress WooCommerce Theme
lazy-placeholder
Phone Service – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WordPress WooCommerce Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress Theme
lazy-placeholder
Minimal Electronics – WordPress WooCommerce Theme
lazy-placeholder
Lawyer – WordPress WooCommerce Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.