2016-07-22, 05:32:52
Almost there!
In stylesheet base.css:
#imgholder {
height: auto;
background-image: url(images/transformations-wellness-center.jpg);
background-repeat:no-repeat;
overflow: hidden;
position: relative;
}
In header component:
<img src="<?php get_site_url(); ?>data/uploads/images/transformations-wellness-center.jpg" alt="Transformations Wellness Center" height="auto" width="100%">
Now it's working except a very small sliver of the image repeats below the image in smaller screen sizes. I can live with it.
In stylesheet base.css:
#imgholder {
height: auto;
background-image: url(images/transformations-wellness-center.jpg);
background-repeat:no-repeat;
overflow: hidden;
position: relative;
}
In header component:
<img src="<?php get_site_url(); ?>data/uploads/images/transformations-wellness-center.jpg" alt="Transformations Wellness Center" height="auto" width="100%">
Now it's working except a very small sliver of the image repeats below the image in smaller screen sizes. I can live with it.