Jump to content

Need Your Help Please


Recommended Posts

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

the pink grad is a background image

http://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.jpg

So 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

Anyone now how to fix this issue? Please help??

the pink grad is a background image

http://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.jpg

So you need to change these images and re-upload

Where do i get the images from?

Link to comment
Share on other sites

you have to create them

Copy 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 images

that's it

Its that is an issue, you need someone who knows how to create the graphics for you

Link to comment
Share on other sites

the pink grad is a background image

http://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.jpg

So you need to change these images and re-upload

Where 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

you have to create them

Copy 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 images

that's it

Its 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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...