Hi everyone,
How is it possible to replace the table of cookies pop up notification with a bottom bar width 1200px ?
Current CSS:
.hw_cookie-hw-button { filter: none; border: none; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.1); background: #EE8B15; padding: 10px 20px; line-height: 100%!important; color: #fff; display: inline-block; position: relative; }
.hw_cookie-hw-button:hover { background: #EA6E00; color: #fff!important; -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1); text-decoration: none }
#hw_cookie_law { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); width: 200px; padding: 20px; position: fixed; bottom: 5px; left: 5px; border-radius: 4px 4px 4px 4px; text-align: center; transition: left 0.5s; -moz-transition: left 0.5s; -webkit-transition: left 0.5s; -o-transition: left 0.5s; background: #fff url('images/addons/hw_cookie_law/cookie_law.png') no-repeat 50% 20px; padding-top: 64px; z-index: 999999; }
#hw_cookie_law p { text-align: left; padding: 10px 0 }
#hw_cookie_law p, #cookie_law p a { font-size: 12px; line-height: 150% }
#hw_cookie_law.hw_cookie_position_right{ left: auto; right:5px; }
@media screen and (max-width: 767px) {
#hw_cookie_law.hw_cookie_position_right{ left: -1px; right: auto; bottom: -1px; width: 60%; padding: 64px 20% 20px; border: 1px solid #ebebeb }
}
Looks like you use 3rd party module
http://marketplace.cs-cart.com/add-ons/customer-experience/cookie-law-responsive.html?sl=en
It is better to contact addon developer with this question
Please add the CSS below to your theme
#hw_cookie_law{ width: 100%; left: 0; bottom: 0; background: #3c3c3c; padding: 10px; box-sizing: border-box; border-radius: 0; }
#hw_cookie_law p{ display: inline-block; margin-right: 20px; color: #fff; }
Thank you very much HungryWeb !
Thank you very much HungryWeb !
You are welcome