Jump to content

[solved] How to change the color for grey 1px boder in default theme 1.5.3


Recommended Posts

Hi everyone,

 

I've searched all over the forum for instructions of changing the colour of default theme and none of them show you how to change the colour of all the grey 1px borders.

 

I am using default Prestashop 1.5.3. for my site and just wanting to change the colour theme to golden yellow and chilli red.

 

I've managed to changed the colour in most area and I'm now stuck just for the 2 areas which I cannot locate which .css file to change.

 

The first area in the categories list: I wanted to change the border colour and the vertical dotted line as shown in the photo.

 

Second area: Wanting to change the border colour of the address form in My Address > Add New Address.

 

Please refer to the photo provided and your helps would highly appreciated.

 

Thanks in advance.

 

Regards

 

Jacky

post-533382-0-57662800-1365904521_thumb.jpg

post-533382-0-94159500-1365904542_thumb.jpg

Link to comment
Share on other sites

Your website is online? If so can you provide an url? It will be really helpfull for us for quick code check :-) and of course for quick answer ;)

 

Hi Vekia,

 

Thanks for your quick respond, I've just switched my shop to enable and the url is www.onestoppak.com

 

Again, thanks with regards.

 

Jacky

Link to comment
Share on other sites

Good morning,

 

Assuming you have not made too many changes to line numbers then you need to go to:

 

product list .css

 

Line 7

border: 1px solid #xxx;

 

Line 33

border-right: 1px dotted #xxx;

 

Change XXX to the colour you require

 

Hope this helps

 

Paul

Link to comment
Share on other sites

Good morning,

 

Assuming you have not made too many changes to line numbers then you need to go to:

 

product list .css

 

Line 7

border: 1px solid #xxx;

 

Line 33

border-right: 1px dotted #xxx;

 

Change XXX to the colour you require

 

Hope this helps

 

Paul

 

 

Hi Paul,

 

That's awesome, it's work and thank you so very much for your help.

 

However, do you any ideas where I can change the border colour of the address form where My account > My addresses and at the bottom left "Add an address" button, click on it and it will redirect you to a new address form, this is the page where I want to change the border colour.

 

Please feel free to create a new account and view it on www.onestoppak.com

 

Once Again, thank you very much for your times.

 

Regards

 

Jacky

Link to comment
Share on other sites

Happy that helps,

 

As for the link, I am told I cannot access your site from the country I live in but the file you are looking for is, I think,

 

authentication.css

 

Paul

 

Hi Paul,

 

Thanks for your quick respond, I have disabled the "Geolocation by IP address" now, please try again.

 

Regards

 

Jacky

Link to comment
Share on other sites

Hello again

 

try this around line 7 authorisation.css and change background colour

 

 

media="all"

 

#account-creation_form fieldset, fieldset.account_creation {

  • padding: 0 0 15px 0;
  • border: 1px solid #ce000c;
  • background: #f8f8f8;

}

Paul

Link to comment
Share on other sites

It is too early for me, to change the part you want you need:

 

global.css around line 2883

 

 

 

 

#add_adress p.text input,#add_adress p.password input, #add_adress p.select input {

  • padding: 0 5px;
  • height: 22px;
  • width: 360px;
  • border: 1px solid #ccc; <-- alter this colour-->
  • font-size: 12px;
  • color: #666;

}

 

Sorry

 

Paul

Edited by perfumeskunk (see edit history)
Link to comment
Share on other sites

Hello again

 

try this around line 7 authorisation.css and change background colour

 

 

 

 

media="all"

 

#account-creation_form fieldset, fieldset.account_creation {

  • padding: 0 0 15px 0;
  • border: 1px solid #ce000c;
  • background: #f8f8f8;

}

 

Paul

 

Hi again Paul,

 

I've already done it from the very earlier but it only changed the border for > My account > My addresses, somehow the ( > Your addresses ) page where you add extra addresses does not take effect.

 

Regards

 

Jacky

Link to comment
Share on other sites

read the post above your last one

 

Paul

 

Hi Paul,

 

The post above is for the text input boxes, however I looked further up around line 2823 and found where

to change the border colour of the add addresses form.

 

global.css around line 2823

 

form#add_adress {}

#add_adress fieldset {

margin:0;

border:1px solid #ce000c;

background:#F8F8F8

}

 

Anyways, the issues are now solved.

 

Once again, thank you very much for your helps and I am very much appreciated.

 

Regards

 

Jacky

Link to comment
Share on other sites

×
×
  • Create New...