dehache Posted January 30, 2023 Share Posted January 30, 2023 Hey everyone, i'm a little bit new is this thing, and i'm building this website: ferreteriachacabuco.cl The problem I'm looking help for is about the size of the banner I'm using... I dont know how to adapt it to the rest of the shop items... I'd like to keep the same margins for everything... inside of the red lines... does someone know that should I have to do? I'll appreciate your answers. Link to comment Share on other sites More sharing options...
WisQQ Posted January 30, 2023 Share Posted January 30, 2023 Hello, Try to change hook of banner module. It looks like banner module is assigned to HookDisplayWrapperTop. 1 Link to comment Share on other sites More sharing options...
Luis C Posted January 30, 2023 Share Posted January 30, 2023 Your website uses a full width theme. In order to restrict the banners to a boxed container you need to wrap it in a <div class="container"> element. Check your templates/layouts folder. You should be able to find the hook (or the template file) your banners module is hooked to, and from there just as I said, wrap it in a new div with class "container". 1 Link to comment Share on other sites More sharing options...
dehache Posted January 31, 2023 Author Share Posted January 31, 2023 19 hours ago, WisQQ said: Hello, Try to change hook of banner module. It looks like banner module is assigned to HookDisplayWrapperTop. Hey WisQQ thanks for your answer, I already changed it, but nothing happened, I moved it to the same hook than the products and it keeps the same size. Now it is in the displayTopColumn hook, Thanks for your answer anyway! Link to comment Share on other sites More sharing options...
s4lvozesta Posted January 31, 2023 Share Posted January 31, 2023 Please find image below. Left side is the original one. I open using Chrome. And right side is after my modification from developer console.d Is this your expected output? (image on the right) If you are using a module for the slider, you may find its css class and modify it. To test, start with developer console on browser. Or if the nivo module has configuration in back office, it is much better! 1 Link to comment Share on other sites More sharing options...
dehache Posted January 31, 2023 Author Share Posted January 31, 2023 23 minutes ago, s4lvozesta said: Please find image below. Left side is the original one. I open using Chrome. And right side is after my modification from developer console.d Is this your expected output? (image on the right) If you are using a module for the slider, you may find its css class and modify it. To test, start with developer console on browser. Or if the nivo module has configuration in back office, it is much better! oh thanks!!! Thats is what I'm looking for... It can't be modify from the back office, but I do have access to the nivo-slider.css file. May I know what change did you do in the css level? Sorry, i'm a newbie in css... I tried to change the position, but I dont know what to do... Link to comment Share on other sites More sharing options...
ZIKODK Posted January 31, 2023 Share Posted January 31, 2023 Try to make the slide (image) smaller Link to comment Share on other sites More sharing options...
s4lvozesta Posted February 1, 2023 Share Posted February 1, 2023 try "width 95%" and "margin: 0 auto" with "float: left" gone Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now