SVG 在 WP Elementor 中有两种颜色作为徽标

如何解决SVG 在 WP Elementor 中有两种颜色作为徽标

我有以下问题:

我想使用 SVG 文件作为徽标,并且我想使用 CSS/Elementor 界面调整徽标的高度/宽度以使其具有响应性。当我使用文本编辑器删除内联样式时,它会起作用,但整个徽标都是黑色的。徽标有 2 种颜色(红色/白色)。

是否可以更改 .svg 代码,以便在使用 wordpress elementor 时仍然可以调整徽标的大小但不能调整颜色?

body {
  background-color: linen;
}
<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="745.86" height="256.4" viewBox="0 0 745.86 256.4"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#931825;}</style></defs><path class="cls-1" d="M134.33,153.41h20.56a34.26,34.26,15.56-3.26,23,9.93-9.31,28.58,3.45-14.43v-7.75a25.68,25.68,0-2.37-11.25,20.82,0-6.82-8.15,23.65,0-10.67-4,24,10-4.08,19.79,6.24-7.52,23.32,2.18-10.2V67.3A29.08,29.08,179,52.94a22,22,0-9.85-9.15q-6.53-3.18-15.91-3.18h-36.6v112.8Zm30.18-43.64a17,17,1,1.48,7.41v7.61q0,5.65-3.53,8.8t-10.59,3.14H134.33v-33.2h18.23a16,16,7.41,1.59,10,4.54,4.65ZM151.94,57.29q6.13,9.39,2.91c2.17,1.94,3.26,4.74,8.42v5.89q0,6.06-3.1,9.23t-9.08,3.19H134.33V57.29Z" transform="translate(-48.02 -39.44)"/><path class="cls-1" d="M244.22,102.64a25.33,25.33,10.59-10.32,32.23,3.73-15.87V69.86a31.44,31.44,0-3.73-15.64,25,0-10.55-10.16,34.68,0-16.14-3.53H191V153.41h17.69V106.24h13.86l19.58,47.17h20.32l-21.64-49.28A27.93,27.93,244.22,102.64ZM208.73,57.52h19.78a12,12,6.25,10.35,4.07,15.75,1.4,6.83v6.13a16.1,16.1,1-1.48,6.79,9.92,1-4.07,4.34,12.21,1-6.17,1.51H208.73Z" transform="translate(-48.02 -39.44)"/><path class="cls-1" d="M314.06,40.61h-13.5l-34.45,112.8h18.7l5.77-21.25H324l5.77,21.25H348.5ZM295.13,115.4l12.18-44.84,12.17,44.84Z" transform="translate(-48.02 -39.44)"/><polygon class="cls-1" points="321.47 36.79 357.86 113.9 375.16 113.9 375.16 1.17 358.24 1.17 358.24 80.42 321.63 1.17 304.56 1.17 304.56 113.9 321.47 113.9 321.47 36.79"/><path class="cls-1" d="M497.08,138.4a35.88,35.88,4-17.42V73q0-10.32-4-17.57a26.47,26.47,0-11.71-11.06q-7.68-3.79-18.47-3.8H434v112.8h32.81q11,18.62-3.84A26.39,26.39,497.08,138.4Zm-14.16-17.57q0,7.53-4.23,11.56t-12,4h-15V57.6h15q7.76,4t4.23,11.56Z" transform="translate(-48.02 -39.44)"/><path class="cls-1" d="M538.82,122.69q0,7-3.26,10.75t-9.31,3.76a15.26,15.26,1-7.25-1.79,16.5,1-5.7-5l-13.58,11a28.62,28.62,11.13,9.69,34,15.32,3.42,35.05,16.53-3.65,24.35,10.51-10.67,36.26,3.61-16.87V40.61h-18Z" transform="translate(-48.02 -39.44)"/><path class="cls-1" d="M583,150.5q7.49,4.08,18,4.08t18-4.08a27.11,27.11,11.44-11.87q4-7.78,4-18.73V40.61H616.75v79.75q0,8-4.07,12.34t-11.6,4.3q-7.46,0-11.48-4.34t-4-12.34V40.61H567.8V119.9q0,10.93,3.88,18.73A26.63,26.63,583,150.5Z" transform="translate(-48.02 -39.44)"/><polygon class="cls-1" points="649.61 80.42 612.99 1.17 595.93 1.17 595.93 113.9 612.84 113.9 612.84 36.79 649.22 113.9 666.52 113.9 666.52 1.17 649.61 1.17 649.61 80.42"/><path class="cls-1" d="M760.36,92.05v17h15.51v10.47a21,21,1-1.94,9.35,13.78,1-5.51,6,16.51,1-8.45,2.06,18.11,1-8.61-1.94,13.59,1-5.63-5.51,1-2-8.38v-46a22.2,22.2,1.9-9.47,14.14,5.47-6.21,15.81,8.38-2.17,14,7.26,1.86,13.4,5,5.55,24.65,2.37,9.19h18.77Q792.1,62.57,788,54.88A27.48,27.48,776.7,43.32q-7.17-3.87-17.26-3.87a36,36,0-18,4.3,29.21,0-11.79,12.38,40.83,0-4.15,18.93V121a36.74,36.74,4.19,17.89,28.09,11.67,39.16,18.2,4,18-4.31A29.23,29.23,789.72,138a40.15,40.15,4.15-18.77V92.05Z" transform="translate(-48.02 -39.44)"/><path class="cls-1" d="M142.94,181.84,109.12,294.65h14.43l7.14-26.07h38l7.14,26.07h14.43L156.44,181.84Zm-8.88,74.4,15.63-57.1,15.64,57.1Z" transform="translate(-48.02 -39.44)"/><path class="cls-1" d="M224.83,247.09h19.79v13.34a29.93,29.93,1-2.33,12.46,16.56,1-6.71,7.64,21.09,1-10.75,2.56,23.3,1-11.09-2.45,16.22,1-7-7.1,1-2.36-11.24V216.21a29.49,29.49,2.33-12.33,6.78-7.8,20.63,10.83-2.68,17.81,9.27,2.33,16.83,6.32,7,30.32,3,11.48h14.27q-.76-11-4.77-18.5a26.59,26.59,0-11-11.25q-7-3.77-17-3.76-10.56,4.15A27,27,195,197q-3.87,8-3.88,19.24V262.3q0,10.62,3.92,18.19a25.91,25.91,11.52,11.44q7.6,18.31,3.88t18-4.15a27,11.37-12.14q3.87-8,3.88-19.24v-25.6H224.83Z" transform="translate(-48.02 -39.44)"/><polygon class="cls-1" points="228.52 142.4 220.84 142.4 220.84 255.21 228.52 255.21 234.11 255.21 281.28 255.21 281.28 242.72 234.11 242.72 234.11 205.4 275.07 205.4 275.07 192.99 234.11 192.99 234.11 154.89 281.28 154.89 281.28 142.4 234.11 142.4 228.52 142.4"/><polygon class="cls-1" points="346.41 228.87 302.26 142.4 290.08 142.4 290.08 255.13 303.04 255.13 303.04 169.84 347.03 255.13 359.44 255.13 359.44 142.4 346.41 142.4 346.41 228.87"/><polygon class="cls-1" points="367.47 154.89 394.39 154.89 394.39 255.21 407.66 255.21 407.66 154.89 434.66 154.89 434.66 142.4 367.47 142.4 367.47 154.89"/><path class="cls-1" d="M542.55,262.3q0,10.15-4.93,15.36t-14.55,5.19q-9.54,0-14.43-5.19t-4.89-15.36V181.84H490.49v80q0,11.1,3.68,18.7A24.89,24.89,505.11,292q7.26,3.84,3.84t18-3.88a25.22,25.22,11-11.44q3.72-7.56,3.72-18.66v-80H542.55Z" transform="translate(-48.02 -39.44)"/><path class="cls-1" d="M618.5,243.37a25.1,25.1,10.59-10.25,31.68,3.72-15.67v-6.59a31.43,31.43,0-3.68-15.52,24.48,0-10.59-10.08,35.74,0-16.3-3.49H566.56V294.65h13.26V246.93h22.43l19.23,47.72h15.29l-21.36-49.92A31.47,31.47,618.5,243.37Zm-38.68-49.11H603.1a17.21,17.21,8.69,2.09,5.62,6.05,20.46,2,9.23v5.82a20.67,20.67,1-2,9.08,13.36,1-5.62,5.9,1-8.65,2H579.82Z" transform="translate(-48.02 -39.44)"/><path class="cls-1" d="M673.28,196a10.41,10.41,.05-13.9c-1.76-1.74-4.29-2.62-7.6-2.62H655V207.8h5.86v-9.14h4.85l4.29,9.09h6.5l-5.21-10.31A8.29,8.29,673.28,196Zm-12.41-11.38h5a4.18,4.18,3.06,1.14,1.16,3.27,4.6,1-1.16,3.36,4.1,1-3.06,1.18h-5Z" transform="translate(-48.02 -39.44)"/><path class="cls-1" d="M678.51,168.64a33.47,33.47,0-27.3,19.7,0-8.61,8.5,28.39,0-3,13.45v6.78a27.8,27.8,13.24,19.47,8.64,8.39,33.89,27.24,19.62,8.64-8.39,27.54,3-13.24v-6.78a28.39,0-3-13.45A19.91,19.91,678.51,168.64Zm5.68,28.73a20.79,20.79,1-2.27,15,1-6.64,6.36,26,1-20.86,1-6.59-6.36,20.68,1-2.28-10v-6.78a22.4,22.4,2.28-10.52,15.25,6.59-6.61,25.16,20.9,15.43,6.6,6.61,22.52,2.27,10.52Z" transform="translate(-48.02 -39.44)"/><rect class="cls-2" width="23.35" height="256.37"/></svg>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams[&#39;font.sans-serif&#39;] = [&#39;SimHei&#39;] # 能正确显示负号 p
错误1:Request method ‘DELETE‘ not supported 错误还原:controller层有一个接口,访问该接口时报错:Request method ‘DELETE‘ not supported 错误原因:没有接收到前端传入的参数,修改为如下 参考 错误2:cannot r
错误1:启动docker镜像时报错:Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法:重启docker -&gt; systemctl r
错误1:private field ‘xxx‘ is never assigned 按Altʾnter快捷键,选择第2项 参考:https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2:启动时报错,不能找到主启动类 #
报错如下,通过源不能下载,最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
错误1:maven打包报错 错误还原:使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
错误1:服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping(&quot;/hires&quot;) public class FeignControl
错误1:运行项目后报如下错误 解决方案 报错2:Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案:在pom.
参考 错误原因 过滤器或拦截器在生效时,redisTemplate还没有注入 解决方案:在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate&lt;String
使用vite构建项目报错 C:\Users\ychen\work&gt;npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-
参考1 参考2 解决方案 # 点击安装源 协议选择 http:// 路径填写 mirrors.aliyun.com/centos/8.3.2011/BaseOS/x86_64/os URL类型 软件库URL 其他路径 # 版本 7 mirrors.aliyun.com/centos/7/os/x86
报错1 [root@slave1 data_mocker]# kafka-console-consumer.sh --bootstrap-server slave1:9092 --topic topic_db [2023-12-19 18:31:12,770] WARN [Consumer clie
错误1 # 重写数据 hive (edu)&gt; insert overwrite table dwd_trade_cart_add_inc &gt; select data.id, &gt; data.user_id, &gt; data.course_id, &gt; date_format(
错误1 hive (edu)&gt; insert into huanhuan values(1,&#39;haoge&#39;); Query ID = root_20240110071417_fe1517ad-3607-41f4-bdcf-d00b98ac443e Total jobs = 1
报错1:执行到如下就不执行了,没有显示Successfully registered new MBean. [root@slave1 bin]# /usr/local/software/flume-1.9.0/bin/flume-ng agent -n a1 -c /usr/local/softwa
虚拟及没有启动任何服务器查看jps会显示jps,如果没有显示任何东西 [root@slave2 ~]# jps 9647 Jps 解决方案 # 进入/tmp查看 [root@slave1 dfs]# cd /tmp [root@slave1 tmp]# ll 总用量 48 drwxr-xr-x. 2
报错1 hive&gt; show databases; OK Failed with exception java.io.IOException:java.lang.RuntimeException: Error in configuring object Time taken: 0.474 se
报错1 [root@localhost ~]# vim -bash: vim: 未找到命令 安装vim yum -y install vim* # 查看是否安装成功 [root@hadoop01 hadoop]# rpm -qa |grep vim vim-X11-7.4.629-8.el7_9.x
修改hadoop配置 vi /usr/local/software/hadoop-2.9.2/etc/hadoop/yarn-site.xml # 添加如下 &lt;configuration&gt; &lt;property&gt; &lt;name&gt;yarn.nodemanager.res