D-Rock Posted January 7, 2018 Share Posted January 7, 2018 (edited) Hello everyone. Ive narrowed down an issue to where the area that contains displayHome for some reason now has a background color and a border. this is also limiting the space for the product grid now only allowing 3 in a row... if you unhook all the modules or even delete the hook, the border/frame does not disapear it just shrinks accordingly. i have also tried a fresh copy of the themes folder to no avail. any tips? kindly derek. Edited January 26, 2020 by derek-k (see edit history) Link to comment Share on other sites More sharing options...
razaro Posted January 7, 2018 Share Posted January 7, 2018 That border and style is coming from module optimal payments. Check https://habituate.ca/modules/optimalpayment/views/css/optimalpayments.css end #wrapper .container{ background: #fff none repeat scroll 0 0; border: 3px solid #ccc; padding: 20px; } It should probably be applied on modules page only but that was bad decision so it influence whole website. You can try to delete this code and add new just for that modules page if needed. Link to comment Share on other sites More sharing options...
D-Rock Posted January 7, 2018 Author Share Posted January 7, 2018 7 hours ago, razaro said: That border and style is coming from module optimal payments. Check https://habituate.ca/modules/optimalpayment/views/css/optimalpayments.css end #wrapper .container{ background: #fff none repeat scroll 0 0; border: 3px solid #ccc; padding: 20px; } It should probably be applied on modules page only but that was bad decision so it influence whole website. You can try to delete this code and add new just for that modules page if needed. OMG Yes! I removed the code and the front page is normal again. " I had paid someone to put in the optimal payments modules linked to my processor company so i had no clue what was causing that change" now if i wanted to go to the distance. where should that piece of code go so it only affects the actual module page? thanks again that was super helpful! Link to comment Share on other sites More sharing options...
razaro Posted January 7, 2018 Share Posted January 7, 2018 Glad that worked And for your question, you need to check how that module works and does it really need that code. If it have some specific page you should use browser tools, and right click and select "Inspect" or "inspect element" and see code next to <body> tag and its id. That id could be for example module-optimalpayment-validation so in same css file you could use #module-optimalpayment-validation #wrapper .container{ background: #fff none repeat scroll 0 0; border: 3px solid #ccc; padding: 20px; } and it will be applied just for that page. But I think you may be fine without any changes. 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