Sure,
.content-slider is in includes\templates\westminster_new\css\stylesheet_flex.css line 1 where the original code is
.content-slider {/*box-shadow: 0 5px 7px -5px #333;*/width:65%;float:right;margin-right:15px;} and change to
.content-slider {/*box-shadow: 0 5px 7px -5px #333;*/width:65%;float:left;margin-left:-30%;margin-right:15px;}
and the #top-banner is in includes\templates\westminster_new\css\stylesheet.css line 347 where the original code is
#top-banner{float:left;margin-left:15px;width:30.5%;} and change to
#top-banner{position:relative;z-index:999;float:left;margin-left:15px;width:30.5%;}
I only considered these changes to apply to the full desktop view, things might get a bit tricky with smaller/tablet/mobile views where you will need to start editing the responsive_default.css, responsive_tablet.css and responsive_mobile.css stylesheets - but hopefully, and on reflection, if you use % for your margin offset instead of px you might be ok.
At smaller views the top-banner div holding your text does not ordinarily display - hidden by a {display:none} code in the above three stylesheets. You will need to remove this from all three css files and add your own styling to suit the different views that smaller/tablet/mobile users will see.


Reply With Quote
