- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hello All,
I have a Banner slider, which is not aligned with the page, need the width to fit...
Can you PLEASE tell me, how to change the size...
where do I change it? in which .css? in which file location?
The company that start the website for me gave me half job done.
Thank you all.
Solved! Go to Solution.
Accepted Solutions
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hi @lanre_ope
Well i have just open your website and check view sourced in the browser, where i found that on the banner slider module , main class is taken col-md-9 , actually it requires col-md-12
col-md-12 is bootstrap standard class for the full width , to show case anything in full width !
So open your banner slider mode template/view part and found below code :
<div class="col-md-9"> <div id="banner-slider-demo-12" class="owl-carousel owl-banner-carousel owl-bottom-narrow owl-theme owl-loaded">
Replace below code with below :
<div class="col-md-12"> <div id="banner-slider-demo-12" class="owl-carousel owl-banner-carousel owl-bottom-narrow owl-theme owl-loaded">
Without seeing your banner slider module's code , its quite complex to give you exact location of the file !
But find the above code in whole module by doing full search and once you found , just do col-md-12 and clear the cache and check
It will works !
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hi @lanre_ope
Well i have just open your website and check view sourced in the browser, where i found that on the banner slider module , main class is taken col-md-9 , actually it requires col-md-12
col-md-12 is bootstrap standard class for the full width , to show case anything in full width !
So open your banner slider mode template/view part and found below code :
<div class="col-md-9"> <div id="banner-slider-demo-12" class="owl-carousel owl-banner-carousel owl-bottom-narrow owl-theme owl-loaded">
Replace below code with below :
<div class="col-md-12"> <div id="banner-slider-demo-12" class="owl-carousel owl-banner-carousel owl-bottom-narrow owl-theme owl-loaded">
Without seeing your banner slider module's code , its quite complex to give you exact location of the file !
But find the above code in whole module by doing full search and once you found , just do col-md-12 and clear the cache and check
It will works !
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Re: Please help me with my banner slider
Thanks for the swift solution.