Post by dangthuan2 » Thu Apr 14, 2016 11:07 am

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 ạ,

Chuyên đồ cho mẹ và bé
Shop cho mẹ và bé / Vitamin D-Fluoretten đức giá rẻ / Prospan pháp / siro prospan Đức


New member

Posts

Joined
Fri Apr 01, 2016 12:46 pm


Post by kazihaha » Thu Apr 14, 2016 5:10 pm

Bạn dùng Chrome thì chọn Inspect Element rồi sau đố đổi màu cho nó.

https://sieuthithietbivanphong.com


New member

Posts

Joined
Wed Sep 23, 2015 2:13 pm

Post by moused72 » Thu Apr 14, 2016 10:13 pm

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

18 extra positions FREE, Unlimit style color for default theme FREE, Vietnamese Language, vietxuangas.com.vn


Active Member

Posts

Joined
Mon Feb 15, 2016 9:46 am

Post by dangthuan2 » Thu Apr 21, 2016 12:00 pm

thanks các thím, e đã làm được roài ạ.

Chuyên đồ cho mẹ và bé
Shop cho mẹ và bé / Vitamin D-Fluoretten đức giá rẻ / Prospan pháp / siro prospan Đức


New member

Posts

Joined
Fri Apr 01, 2016 12:46 pm


Post by yennhikorea » Fri Apr 29, 2016 4:36 pm

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 :(

Thiết kế web | Thiet ke web ban hang | thiết kế web thương mại diện tử | thiết kế web chuẩn SEO | kinh doanh online | magento 2 extensions


New member

Posts

Joined
Fri Apr 22, 2016 1:55 pm
Location - Viet Nam

Post by dangthuan2 » Fri Apr 29, 2016 4:53 pm

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.

Chuyên đồ cho mẹ và bé
Shop cho mẹ và bé / Vitamin D-Fluoretten đức giá rẻ / Prospan pháp / siro prospan Đức


New member

Posts

Joined
Fri Apr 01, 2016 12:46 pm


Post by yennhikorea » Sat Apr 30, 2016 1:08 pm

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 ạ?

Thiết kế web | Thiet ke web ban hang | thiết kế web thương mại diện tử | thiết kế web chuẩn SEO | kinh doanh online | magento 2 extensions


New member

Posts

Joined
Fri Apr 22, 2016 1:55 pm
Location - Viet Nam

Post by dangthuan2 » Sat Apr 30, 2016 1:22 pm

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/

Chuyên đồ cho mẹ và bé
Shop cho mẹ và bé / Vitamin D-Fluoretten đức giá rẻ / Prospan pháp / siro prospan Đức


New member

Posts

Joined
Fri Apr 01, 2016 12:46 pm


Post by moused72 » Tue May 03, 2016 11:47 am

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.

18 extra positions FREE, Unlimit style color for default theme FREE, Vietnamese Language, vietxuangas.com.vn


Active Member

Posts

Joined
Mon Feb 15, 2016 9:46 am

Post by yennhikorea » Thu May 05, 2016 1:38 am

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

Thiết kế web | Thiet ke web ban hang | thiết kế web thương mại diện tử | thiết kế web chuẩn SEO | kinh doanh online | magento 2 extensions


New member

Posts

Joined
Fri Apr 22, 2016 1:55 pm
Location - Viet Nam

Post by izculicity » Thu Sep 27, 2018 4:40 pm

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 ?

eBook Free


Newbie

Posts

Joined
Tue Sep 25, 2018 5:54 pm

Who is online

Users browsing this forum: No registered users and 3 guests