What's New
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
You must be logged in to reply to this topic.
Hello,
I have display problems with the colissimo module.
I added the CSS indicated in your solution.
This solves 90% of the problems, but I still have 2 problems:
1- the Material Icons font does not appear
2- With the browser mac safari (OK with chrome and firefox), the window that opens to choose a pickup station is not displayed correctly (see screenshots for comparison between Classic and Panda theme)
To test with the classic theme:
prestashop.wizicom.fr
To test with the theme Panda:
dev-terrelointaine.wizicom.fr
Thanks for reporting those compatibility problems and thanks for preparing those demo sites.
Add these code to custom css code field to fix #1 and #2
.colissimo-pickup-point-address{margin-left:15px;}
.colissimo-pickup-point-address .material-icons.edit, .colissimo-pickup-point-phone .material-icons.phone_iphone{display:inline-block;overflow:hidden;white-space: nowrap;}
.colissimo-pickup-point-phone .material-icons.phone_iphone{width:32px;}
.colissimo-pickup-point-phone span,.colissimo-pickup-point-phone .material-icons.phone_iphone{vertical-align: middle!important;}
.colissimo-pickup-point-address .material-icons.edit{width:20px;}
.colissimo-pickup-point-phone .material-icons.phone_iphone:before, .colissimo-pickup-point-address .material-icons.edit:before{font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.colissimo-pickup-point-address .material-icons.edit:before{font-size:18px; margin:0 6px 0 2px;content: '\e866';}
.colissimo-pickup-point-phone .material-icons.phone_iphone:before{font-size:38px; margin:0 10px 0 2px; content: '\e840';}
3. Keep demos be alive, I will check this problem on an iPad tomorrow. I guess it’s a cache related problem, clear your safari browser cache and then check again.
Thank you Jonny, this is much better.
I made other changes:
• small corrections:
#colissimo-pickup-point-address-selected header .h4 {font-size: 1.2rem;}
#colissimo-container .colissimo_widget_w363 {width: 100%!important;}
div#colissimo-container .colissimo_widget_submit-valider-point-retrait-bulle-bouton {float:left!important;}
#colissimo-container .colissimo_widget_ligneBottom {margin-left: 0px!important;}
• change to display all details of the schedules on smartphone (in the detail of the schedules: alignment of the text on the left and suppression of the logo) :
#colissimo-container .colissimo_widget_widget {background-color: #F8F9F9;}
#colissimo-container .colissimo_widget_pictos-infos-bulles {width: 0px!important;}
#colissimo-container .colissimo_widget_tabHoraires {margin-left: 10px!important;}
#colissimo-container .colissimo_widget_tableauHorraire h1 {text-align: left; font-size: 1rem!important;}
#colissimo_widget_titlePopUp1 {margin: 0 30% 0 10px!important;text-align: left!important;}
#colissimo-container .colissimo_widget_infobulle h3 {font-size: 1rem!important;}
You must be logged in to reply to this topic.