Sam Minerve Posted March 13, 2015 Share Posted March 13, 2015 Hello, I'm using Prestashop 1.6.09 and I'd like to modify the style in the cms body tag. In short, when we click for example on "the terms and conditions" link, it opens in a fancybox. The problem is there is no horizontal scrollbar in that fancybox, which makes it not responsive at all. If the screen is too small, the text in the iframe is truncated. When using Firebug on the terms and conditions page, I can see the following code : <body id="cms" class="cms cms-11 cms-cgv hide-left-column hide-right-column content_only lang_fr" style="overflow-x: hidden;"> The problem is I do not know where I can modify the style="overflow-x: hidden;". It's not in the tpl file, not in the css file neither in the js file. Please, help me ! Thank you. Link to comment Share on other sites More sharing options...
rocky Posted March 14, 2015 Share Posted March 14, 2015 Seems to be the following code on line 28 of js/jquery/plugins/fancybox/jquery.fancybox.js that adds that code: &&F.css("overflow-x","hidden") You can try changing it to the following to see if that helps: /*&&F.css("overflow-x","hidden")*/ I expect there's a reason Fancybox adds it though. Link to comment Share on other sites More sharing options...
Sam Minerve Posted March 14, 2015 Author Share Posted March 14, 2015 Oh, thank you so much Rocky ! This solution works great. I don't know why Fancybox adds "hidden" instead of "auto" ; it seems to me that "auto" is more appropriate in any case. But well, my problem is solved now. 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