Page 1 of 1

Hỏi đổi màu cho mục cart

Posted: Thu Apr 14, 2016 11:07 am
by dangthuan2
mình muốn đổi màu ở phần Cart, không muốn màu đen mặc định, muốn chuyển màu khác mà không tìm được chỗ nào đổi màu.
tìm trong stylesheet.css thì chỉ đổi được màu chữ.
Bạn nào biết chỉ mình với, xin cảm ơn ạ,

Re: Hỏi đổi màu cho mục cart

Posted: Thu Apr 14, 2016 5:10 pm
by kazihaha
Bạn dùng Chrome thì chọn Inspect Element rồi sau đố đổi màu cho nó.

Re: Hỏi đổi màu cho mục cart

Posted: Thu Apr 14, 2016 10:13 pm
by moused72
Bạn thêm đoạn mã sau vào file stylesheet.css
.cart .btn{
Background: yourcolor;}

Hoặc sử dung custom css... extension tại: http://www.opencart.com/index.php?route ... n_id=26410

Re: Hỏi đổi màu cho mục cart

Posted: Thu Apr 21, 2016 12:00 pm
by dangthuan2
thanks các thím, e đã làm được roài ạ.

Re: Hỏi đổi màu cho mục cart

Posted: Fri Apr 29, 2016 4:36 pm
by yennhikorea
dangthuan2 wrote:thanks các thím, e đã làm được roài ạ.
Bác chỉ em với em làm hoài mà không được :(

Re: Hỏi đổi màu cho mục cart

Posted: Fri Apr 29, 2016 4:53 pm
by dangthuan2
Bạn định sửa phần nào, nếu đổi màu cart thông thường bạn vào
stylesheet.css tìm .btn-inverse { rồi đổi màu theo ý thích, nhớ là đổi cả màu của background-image và border-color: nhé chứ đổi 1 cái nó ko rõ đâu.

Re: Hỏi đổi màu cho mục cart

Posted: Sat Apr 30, 2016 1:08 pm
by yennhikorea
dangthuan2 wrote:Bạn định sửa phần nào, nếu đổi màu cart thông thường bạn vào
stylesheet.css tìm .btn-inverse { rồi đổi màu theo ý thích, nhớ là đổi cả màu của background-image và border-color: nhé chứ đổi 1 cái nó ko rõ đâu.
Do em không chuyên về code cũng chỉ biết sơ sơ thôi bác à, bác có thể team view chỉ giúp em được không ạ?

Re: Hỏi đổi màu cho mục cart

Posted: Sat Apr 30, 2016 1:22 pm
by dangthuan2
mình cũng ko chuyên về code đâu:(. bạn vào catalog\view\theme\default\stylesheet sẽ thấy file stylesheet.css thôi mà, bảng màu thì chọn ở đây http://mamauhtml-css.hostingaz.vn/

Re: Hỏi đổi màu cho mục cart

Posted: Tue May 03, 2016 11:47 am
by moused72
yennhikorea wrote: Do em không chuyên về code cũng chỉ biết sơ sơ thôi bác à, bác có thể team view chỉ giúp em được không ạ?
Bạn mở tệp: catalog/view/theme/dedeffault/stylesheet/stylesheet.css

Tìm đoạn code dùng để sửa cart như sau:

Code: Select all

#cart > .btn {
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}
#cart.open > .btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}
#cart.open > .btn:hover {
	color: #444;
}
Để thay đổi màu background, bạn chỉ cần thêm đoạn mã sau vào:

Code: Select all

#cart > .btn {
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
       background: #ff0000; /* đây là màu đỏ, bạn có thể thay bằng bất cứ màu nào bạn thích */  
}
Nếu bạn không biết sửa code, bạn có thể dùng Custom CSS extension- Thêm đoạn code sau vào:

Code: Select all

[code]#cart > .btn {
       background: #ff0000; /* đây là màu đỏ, bạn có thể thay bằng bất cứ màu nào bạn thích */  
}
[/code]

Về mấy code còn lại nó sẽ thể thay đổi các phần sau:

Code: Select all

#cart.open > .btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}
Phần Cart khi bạn Click chuột vào

Code: Select all

#cart.open > .btn:hover {
	color: #444;
}
Phần cart sau khi bạn kick chuột vào và di chuyển con trỏ qua

Bạn có thể thay đổi màu sắc, border, hoặc background ở những đoạn code này.

Re: Hỏi đổi màu cho mục cart

Posted: Thu May 05, 2016 1:38 am
by yennhikorea
moused72 wrote:
yennhikorea wrote: Do em không chuyên về code cũng chỉ biết sơ sơ thôi bác à, bác có thể team view chỉ giúp em được không ạ?
Bạn mở tệp: catalog/view/theme/dedeffault/stylesheet/stylesheet.css

Tìm đoạn code dùng để sửa cart như sau:

Code: Select all

#cart > .btn {
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}
#cart.open > .btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}
#cart.open > .btn:hover {
	color: #444;
}
Để thay đổi màu background, bạn chỉ cần thêm đoạn mã sau vào:

Code: Select all

#cart > .btn {
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
       background: #ff0000; /* đây là màu đỏ, bạn có thể thay bằng bất cứ màu nào bạn thích */  
}
Nếu bạn không biết sửa code, bạn có thể dùng Custom CSS extension- Thêm đoạn code sau vào:

Code: Select all

[code]#cart > .btn {
       background: #ff0000; /* đây là màu đỏ, bạn có thể thay bằng bất cứ màu nào bạn thích */  
}
[/code]

Về mấy code còn lại nó sẽ thể thay đổi các phần sau:

Code: Select all

#cart.open > .btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}
Phần Cart khi bạn Click chuột vào

Code: Select all

#cart.open > .btn:hover {
	color: #444;
}
Phần cart sau khi bạn kick chuột vào và di chuyển con trỏ qua

Bạn có thể thay đổi màu sắc, border, hoặc background ở những đoạn code này.
Mò cả buổi tối cuối cùng cũng làm được.haha. cảm ơn bác nhiều nhiều nhé <3 :D

Re: Hỏi đổi màu cho mục cart

Posted: Thu Sep 27, 2018 4:40 pm
by izculicity
vậy mình muốn đổi giá bán sản phẩm thành màu đỏ thì sửa như thế nào? có ai hỗ trợ giùm mình dc ko ?