Jump to content

How to change boder colour in crossselling and step 1 of guest opc


Recommended Posts

Hi everyone,

 

I need help to changing the divider colour and the border colour as below, I'm using version 1.5.3.

 

1. Changing the divider colour below the crossselling heading where it say "# other products in the same category:

 

2. Changing the thumb img border colour also in crossseling.

 

3. Changing the border colour of guest opc (step 1: Account) where it ask "Already register?"

 

anyone please help?

 

Thanks in advance.

 

Jacky

Link to comment
Share on other sites

Hi letrof & vekia,

 

Below is the link to a product details page and at the middle of page you'll see a phrase say "2 other products in the same category:", and below there is a long grey line that I want to change the colour and as well changing the border colour of the 2 thumbnail img right below the grey line.

 

http://www.onestoppak.com/music-ipods/2-ipod-shuffle.html

 

 

The second border area that I want to change the colour is at the 1st step of guest opc, you need to add an item to cart then click check out button and will redirect you to the gest opc page. You'll see at step 1 where it ask "Already register?".

 

Link to website: www.onestoppak.com

 

Regards

 

Jacky

Link to comment
Share on other sites

Good morning,

 

productcategory ccs1

 

 

 

h2.productscategory_h2 {

  • margin: 40px 0 20px 0;
  • padding: 10px 0;
  • border-bottom: 1px solid #ccc;
  • font-size: 18px;
  • color: #333;

 

Change border-bottom: 1px solid #ccc ( to whatever colour you require )

 

Paul

Link to comment
Share on other sites

Hi Paul,

 

That's awesome, and thank you very much for your help again.

 

Besides, do you know which file to change the border colour of guest opc (step 1: Account) where it ask "Already register?".

 

Regards

 

Jacky

Link to comment
Share on other sites

Hi everyone,

 

I've finally found where to change the border colour for step #1 of guest opc.

 

your theme/default/css/global.css around line #2477

 

#order-opc #login_form fieldset {

 

background: none repeat scroll 0 0 #FFFFE0;

 

border: 1px solid #E6DB55; <<--- This is where to change the border colour.

 

font-size: 13px;

 

margin: 0 0 10px;

 

padding: 10px;

}

 

Mods, kindly mark this topic as [solved] please?

 

Thank you

 

Jacky

Link to comment
Share on other sites

×
×
  • Create New...