Mặc dù vậy, nó khá đơn giản, bạn chỉ cần nhắm mục tiêu đúng loại phần tử của mình và áp dụng màu hoặc màu tô
Ví dụ
.your-svg-class { fill: red; color: red; }
Bạn có thể sẽ chỉ cần sử dụng một trong số đó [tô hoặc tô màu], thường là tô, nhưng nó phụ thuộc vào SVG của bạn một cách cụ thể
Tôi hi vọng cái này giúp được. Nói cho tôi biết, bạn đi như thế nào
Tái bút. Tôi đang làm việc trên một trang web có một số mẹo và hướng dẫn. Chưa có ETA, nhưng nó đang trong quá trình sản xuất
Bộ khởi tạo luồng woodypad
[@woodypad]
Xin chào,
Trang web vẫn là địa phương, nhưng tôi đang sử dụng plguin để chỉ chèn các biểu tượng.
Tôi đã thử làm như bạn nói nhưng không được.
Tôi có phải lưu tệp svg theo một cách cụ thể không?
Cảm ơn bạn
Tác giả plugin Benbodhi
[@benbodhi]
Chào bạn,
Thật khó để nói chuyện gì đang xảy ra. Bạn sẽ có thể tiết kiệm bình thường.
Bạn có thể gửi tệp SVG để tôi kiểm tra được không?
Bộ khởi tạo luồng woodypad
[@woodypad]
Xin chào,
Tôi đã thử đi thử lại.
Bên trong WPbakery và bên trong một bài viết WP bình thường, không có gì là không có màu.
Tôi đang đính kèm một svg thử nghiệm.
https. //www. dropbox. com/s/ugo0u01k0jyw7e0/SVGtest. svg?dl=0
Cảm ơn bạn
Tác giả plugin Benbodhi
[@benbodhi]
Bạn sẽ cần đảm bảo rằng SVG được hiển thị nội tuyến nếu không CSS sẽ không chạm vào các phần tử trong đó. Bạn có thể kiểm tra xem nó được hiển thị dưới dạng mã SVG hay dưới dạng thẻ IMG với SVG là src
CSS để tác động đến 2 thành phần trong SVG được cung cấp của bạn sẽ là
circle#Ellipse_97 {
fill: green;
}
path#Path_461 {
fill: blue;
}
Bạn có thể thay đổi màu sắc thành bất cứ thứ gì bạn muốn
Nếu bạn muốn sửa đổi các mục tiêu, hãy mở SVG của bạn trong trình chỉnh sửa mã như văn bản cao siêu. Thay vào đó, bạn có thể thêm các lớp của riêng mình vào 2 phần tử và nhắm mục tiêu chúng
Bộ khởi tạo luồng woodypad
[@woodypad]
Xin chào,
xin lỗi, tôi không thể làm cho nó hoạt động được…
Ngay cả với mã bạn cung cấp cũng không được.
Chắc chắn có điều gì đó thoát khỏi tôi.
Tôi đã hiểu rõ cách thay đổi các đối tượng bên trong tệp SVG, đây không phải là vấn đề.
Nhưng không hiểu sao css nó không đổi màu.
Có nên kích hoạt thứ gì đó trong phần cài đặt không?
Cảm ơn bạn
Tác giả plugin Benbodhi
[@benbodhi]
Xin chào,
Bạn sẽ cần kích hoạt chế độ nâng cao và bạn cần đảm bảo SVG của mình được hiển thị nội tuyến để có thể nhắm mục tiêu các phần tử bên trong
Grafiker29
[@grafiker29]
Tôi cũng gặp vấn đề này. Tôi đã kích hoạt chế độ nâng cao, svg đang được hiển thị nội tuyến nhưng không thể nhắm mục tiêu các phần tử bên trong bằng css
- Câu trả lời này đã được sửa đổi 2 năm, 10 tháng trước bởi Grafiker29 .
Tác giả plugin Benbodhi
[@benbodhi]
Xin chào @grafiker29
Bạn thực sự nên bắt đầu chủ đề của riêng mình ngay cả khi nó có vẻ giống nhau
Nếu SVG của bạn là nội tuyến và bạn có thể thấy các thành phần bên trong trong trình kiểm tra, thì bạn chỉ cần tìm ra CSS mà bạn cần sử dụng để thao tác với các thành phần đó
NẾU SVG của bạn là nội tuyến, đó là phần cuối của dòng cho plugin của tôi, phần còn lại hoàn toàn là bên ngoài
Thông thường, nếu bạn không thể thay đổi điều gì đó bằng CSS, bạn sẽ cần nâng cấp tính cụ thể
Ví dụ: nếu điều này không hiệu quả.
______2
Có vẻ như có một số CSS cấp cao hơn đã cho nó biết màu gì… HOẶC bạn đã đặt các màu bên trong mã SVG của mình rồi.
Bạn chỉ cần đưa ra thông tin càng cụ thể càng tốt. Một phiên bản cực đoan hàng đầu của điều này sẽ là.
______3
Điều này thậm chí có thể không hoạt động, nó phải dành riêng cho mã chính xác của bạn. Nhưng tôi hy vọng điều này sẽ giúp
Nói rõ hơn, đây là sau khi plugin của tôi đã hoàn thành công việc của nó. Bạn có thể cần nhờ một nhà phát triển phân loại CSS cho bạn
Tôi sẽ tập hợp một trang web chứa đầy tài nguyên để giúp mọi người thực sự sử dụng sức mạnh plugin của tôi trong năm nay. Tôi sẽ bao gồm cách viết CSS để thao tác các phần tử SVG của bạn
Trong thời gian chờ đợi, nếu bạn muốn tôi xem qua, vui lòng mở một chủ đề mới và chia sẻ URL cũng như thông tin về vấn đề của bạn và tôi sẽ rất sẵn lòng xem qua