Image Background-position

samuelbreezey

Hey,

I am trying to position a background image I have on one of my rows on the following website:

www.samuelbreeze.com/about-me

I want it to be 50% 30%.

I am using the below CSS:

.vc_custom_1520325087795 {
background-position: 50% 30%!important;
background-repeat: no-repeat!important;
background: url(http://samuelbreeze.com/wp-content/uploads/2018/02/samuel-breeze-about-me.jpg) 50% 30%!important;
}


.hero {
background-size: cover!important;
background-repeat: no-repeat!important;
background-position: 50% 30%!important;
background: url(http://samuelbreeze.com/wp-content/uploads/2018/02/samuel-breeze-about-me.jpg) 50% 30%!important;
}

Please help!

Air

Hello :-)

It looks that your CSS is immediately overwritten by setting from VC. I would try with stronger selector in this case. Try this custom CSS instead:

.vc_custom_1520325087795.hero {
    background: url(http://samuelbreeze.com/wp-content/uploads/2018/02/samuel-breeze-about-me.jpg) 50% 30% no-repeat !important;
background-size: cover!important;
}

With kind regards.