Adds Posted January 19, 2009 Share Posted January 19, 2009 Hi all,I'm trying to change the colours for the My Account Block, I would like them to be in the same colours as the Cart block but I'm just not sure what colour codes to use and what parts to change, can anyone help me to resolve this issue please? I have placed the code below if someone could change what needs to be changed and post it to a reply that would be very much appreciated.Thanks. /* block myaccount */ #left_column div.myaccount, #right_column div.myaccount { background: #f1f2f4 url('../img/block_footer_myaccount.jpg') no-repeat bottom left; } div.myaccount h4 { background: #f1f2f4 url('../img/block_header_myaccount.jpg') no-repeat top left; } div.myaccount h4 a, div.myaccount h4 { color: white; } div.myaccount, div.myaccount a { color: #f1f2f4; } div.myaccount ul.bullet { margin-top: 0.6em; } div.myaccount ul.bullet li { background-image: url('../img/bullet_myaccount.gif'); } div.myaccount ul.bullet .icon { display: none; } div.myaccount p.logout { padding: 0.3em 0 0.3em 2em; } div.myaccount p.logout, div.myaccount p.logout a { color: #dd2a81; } div.myaccount p.logout a { text-decoration: underline; } div.myaccount p.logout a:hover { text-decoration: none; } div.myaccount .block_content { background: #f1f2f4 url('../img/block_bg_myaccount.jpg') repeat-x bottom left; border-left: 1px solid #f1f2f4; border-right: 1px solid #f1f2f4; Link to comment Share on other sites More sharing options...
Dave Egerton Posted January 19, 2009 Share Posted January 19, 2009 the pink grad is a background imagehttp://electronic-dropshipping.co.uk/new/themes/prestashop/img/block_header_myaccount.jpg and the other is http://electronic-dropshipping.co.uk/new/themes/prestashop/img/block_footer_myaccount.jpgSo you need to change these images and re-upload also change #left_column div.myaccount, #right_column div.myaccount { background: #f1f2f4 url('../img/block_footer_myaccount.jpg') no-repeat bottom left; } to #left_column div.myaccount, #right_column div.myaccount { background: #7d8288 url('../img/block_footer_myaccount.jpg') no-repeat bottom left; } The color in the next css controls the my account header background color if image is not displayed for any reason (important as text is white) so change div.myaccount h4 { background: #fff url('../img/block_header_myaccount.jpg') no-repeat top left; } to div.myaccount h4 { background: #60656a url('../img/block_header_myaccount.jpg') no-repeat top left; } as a backup (its just a sligher darker grey) Link to comment Share on other sites More sharing options...
Adds Posted January 19, 2009 Author Share Posted January 19, 2009 Anyone now how to fix this issue? Please help??the pink grad is a background imagehttp://electronic-dropshipping.co.uk/new/themes/prestashop/img/block_header_myaccount.jpg and the other is http://electronic-dropshipping.co.uk/new/themes/prestashop/img/block_footer_myaccount.jpgSo you need to change these images and re-uploadWhere do i get the images from? Link to comment Share on other sites More sharing options...
Dave Egerton Posted January 19, 2009 Share Posted January 19, 2009 you have to create themCopy the images from your server into your editor program, chnage the colours, optimise and save locally as same name, upload via FTP, over the top of existing imagesthat's itIts that is an issue, you need someone who knows how to create the graphics for you Link to comment Share on other sites More sharing options...
Adds Posted January 19, 2009 Author Share Posted January 19, 2009 the pink grad is a background imagehttp://electronic-dropshipping.co.uk/new/themes/prestashop/img/block_header_myaccount.jpg and the other is http://electronic-dropshipping.co.uk/new/themes/prestashop/img/block_footer_myaccount.jpgSo you need to change these images and re-uploadWhere can I find new images or can anyone help out with a new My Account area? I just don't think the Pink looks very good?also change #left_column div.myaccount, #right_column div.myaccount { background: #f1f2f4 url('../img/block_footer_myaccount.jpg') no-repeat bottom left; } to #left_column div.myaccount, #right_column div.myaccount { background: #7d8288 url('../img/block_footer_myaccount.jpg') no-repeat bottom left; } The color in the next css controls the my account header background color if image is not displayed for any reason (important as text is white) so change div.myaccount h4 { background: #fff url('../img/block_header_myaccount.jpg') no-repeat top left; } to div.myaccount h4 { background: #60656a url('../img/block_header_myaccount.jpg') no-repeat top left; } as a backup (its just a sligher darker grey) Link to comment Share on other sites More sharing options...
Adds Posted January 19, 2009 Author Share Posted January 19, 2009 you have to create themCopy the images from your server into your editor program, chnage the colours, optimise and save locally as same name, upload via FTP, over the top of existing imagesthat's itIts that is an issue, you need someone who knows how to create the graphics for you Ok I can do that but how do I change the colour of the Text that say My Account to White and the Signout Link to white? Can I also ask if you know what the colour code is for the grey?Thanks. 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