Public Forums 71,145 posts

[chenasona1 Friend chenasona1Join date: September 2014Posts: 25Downloads:0Uploads:12 Thanks: 9 Thanked: 2 times in 1 posts]

#201380

Hi, I want to make the background picture in “masthead” position responsive, no-repeat, full width and “Center” aligned.
I have added some CSS in custom.css as found in another thread in this forum but did not achieve exactly what I want.
in custom.css I have added

.page-masthead .row-feature.row-feature-primary {
background: url("/images/banner.jpg");
width: 100% !important;
background-repeat: none;
}
and result is this My site . Please help anyone.
Thanks.

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#549784

Instead the existing code, replace this


.page-masthead .row-feature.row-feature-primary { background: url("/images/banner.jpg") no-repeat center center; width: 100% !important; }

1 user says Thank You to chavan for this useful post

1. chenasona1

[Author]

Posts