And ran gulp styles. But I’m getting console error “.bxSlider() is not a function” , so apparently a step was missed in loading the bxslider library into the page. And I can see that it’s not included in the dist/scripts directory
Does it need to be explicitly added via Asset builder?
And what @ben recommends is to 1. move or copy the images into assets/images and 2. either change the CSS in the bower_component or override the css within the theme CSS.
So in this case I copied the offending entries from bower_components/bxslider-4/src/css/jquery.bxslider.css and added them to assets/styles/layouts/_header.css, as this is being used in the themes header (if (is_front_page())).
/* Override image locations to match Sage structure*/
.bx-wrapper .bx-loading {
background: url('../images/bx_loader.gif') center center no-repeat #ffffff;
}
.bx-wrapper .bx-prev {
background: url('../images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
background: url('../images/controls.png') no-repeat -43px -32px;
}