gdm12 Posted February 1, 2014 Share Posted February 1, 2014 Hello. I'm trying to apply opacity for the white background color - center column. I found a probably way in global.css #page {width: 100% !important} #header {z-index:10} #columns {z-index:1; background:#FFF} #left_column {} #center_column {padding: 15px 25px; } #right_column { width:23%; float:right; margin-right:20px;} #footer {} I change it with something like this: #columns {z-index:1; background:#FFF 0.6} but, instead of opacity, it result an absolutely transparent background for center column - invisible. What should I do? I use a custom theme for my prestashop. I'll be grateful if anyone could help in this matter. I really don't find any other solutions. Thank you Link to comment Share on other sites More sharing options...
vekia Posted February 2, 2014 Share Posted February 2, 2014 you have to use other backgrund param rgba (red,green,blue,alpha) for white color with 0.6 opacity: background: rgba(255, 255, 255, 0.6); Link to comment Share on other sites More sharing options...
gdm12 Posted February 3, 2014 Author Share Posted February 3, 2014 (edited) On 2/2/2014 at 10:57 PM, vekia said: you have to use other backgrund param rgba (red,green,blue,alpha) for white color with 0.6 opacity: background: rgba(255, 255, 255, 0.6); Thank you, vekia. Your solution really helped me, so I've made the change on my website. I appreciate it. Best regards Edited February 3, 2014 by gdm12 (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted February 3, 2014 Share Posted February 3, 2014 you're welcome glad to hear that i could help you a little i marked whole topic as solved with regards, Milos 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