How to properly resize the background image ?

  • Resolved wanazhad24

    (@wanazhad24)


    7 years, 8 months ago

    I cant seem to properly resize my background image with css even after adding

    .fullwidth .panel_row1 {
    padding: 30px 0 50px 0 !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 400px;

    }

    What seems to be the problem?

    Link to website: https://www.getdoc.co/pay/myluckyday/

Viewing 2 replies - 1 through 2 (of 2 total)

  • I think you are using the wrong class in the above css that is why it is not working.
    Here is the visual composer class of the background image I saw in your site following the link you provided.

    .vc_custom_1497945943145 {
    padding-top: 300px !important;
    padding-bottom: 300px !important;
    background-image: url(https://www.getdoc.co/pay/wp-content/uploads/sites/2/2017/06/AppleWatch.jpeg?id=422) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    }

    You should apply your custom css to this class. But be sure to put your codes in the custom css section of the visual composer plugin your theme is using.

    That should do the job.

    Cheers.

    Thread Starter wanazhad24

    (@wanazhad24)

    Thanks man!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to properly resize the background image ?’ is closed to new replies.