Đoạn code tô màu cho danh mục sản phẩm trong FLatsome

Chào các bạn . Hôm nay mình hướng dẫn các bạn thêm đoạn code vào trong phần css bổ sung để tô màu cho flatsome

B1 : Vào Tùy biến --> css bổ sung

B2: Thêm đoan code dưới đây vào

/*menu danh mục sản phẩm */
#mega_menu>li>a {
border-top: 1px solid #e1dada;
font-size: .9em;
background: #2987D1;
color: white;
}
#mega_menu a:hover {
background-color: #0e8ee7;
}

Gỉai thích ý nghĩa :

Border-top : là viền của khung, mình đang để là 1px, nếu ban thích viền dầy, đâm bạn tăng lên bao nhiêu tùy bạn

solid: Nét của viền ta có các loại tùy các ban thêm vào

dotted – đường viền là các điểm (dấu chấm)

dashed – đường viền là các nét đứt

solid – đường viền là nét liền mảnh

double – đường viền là nét đôi

groove – đường viền 3D có xẻ rãnh. Hiệu ứng phụ thuộc vào màu viền

ridge – đường viền 3D tròn nổi. Hiệu ứng phụ thuộc vào màu viền

inset – đường viền 3D khung chìm. Hiệu ứng phụ thuộc vào màu viền

outset – đường viền 3D khung nổi. Hiệu ứng phụ thuộc vào màu viền

none – không có đường viền

hidden – đường viền ẩn

#e1dada: Các mã màu khác nhau, bạn có thể thêm để làm nổi bật cho website của bạn

font-size: Kích thước của chữ . giúp bạn thay đổi chữ to, nhỏ tùy ý

background: Màu nền của toàn bộ khung . Ban có thể thay bằng các màu bất kỳ bằng cách đổi các màu hexa của chữ

 

 

Chúc các bạn thành công !