Wordpress页面上PayPal按钮的HTML/CSS定制

Wordpress页面上PayPal按钮的HTML/CSS定制,html,css,wordpress,paypal,Html,Css,Wordpress,Paypal,对于我的结账页面,我试图将paypal的“快速结账”按钮向左对齐。 使用Firebug,我发现CSS部分还没有设置为中心。如果我输入“left”,它会向左移动。因此,我将规则复制到Wordpress中的自定义css字段中 #zoid-paypal-button-1a79a61bc2.paypal-button-size-responsive { text-align: left;} 第一位不是静态的,这可能就是为什么刷新页面后它再次居中的原因。我怎样才能使它永久化 为相关元素使用其中一个类,而

对于我的结账页面,我试图将paypal的“快速结账”按钮向左对齐。 使用Firebug,我发现CSS部分还没有设置为中心。如果我输入“left”,它会向左移动。因此,我将规则复制到Wordpress中的自定义css字段中

#zoid-paypal-button-1a79a61bc2.paypal-button-size-responsive {
text-align: left;}
第一位不是静态的,这可能就是为什么刷新页面后它再次居中的原因。我怎样才能使它永久化


为相关元素使用其中一个类,而不是动态生成的按钮ID,例如:

.paypal-button-size-responsive {
  text-align: left;
}
问题在于,在屏幕截图中折叠的
元素中有一个内联选择器,具有更高的特异性<代码>#zoid-paypal-button-1a79a61bc2。paypal按钮大小响应将始终覆盖
。paypal按钮大小响应
。您需要查看生成签出页面的插件,查看这些样式的内联位置并将其删除

或者,您也可以使用
!重要信息
如果您在跟踪更具体的ID选择器时遇到问题,则否决该选择器的规则,即
文本对齐:左!重要的。但是,这是一个不好的习惯,因为从长远来看,这会使维护CSS更加困难


如果您可以评论或编辑您的问题,以包括您正在使用的生成相关代码的插件,我将查看是否可以提供有关在哪里可以找到相关
元素的更多详细信息。

为相关元素使用一个类,而不是动态生成的按钮ID,例如:

.paypal-button-size-responsive {
  text-align: left;
}
问题在于,在屏幕截图中折叠的
元素中有一个内联选择器,具有更高的特异性<代码>#zoid-paypal-button-1a79a61bc2。paypal按钮大小响应
将始终覆盖
。paypal按钮大小响应
。您需要查看生成签出页面的插件,查看这些样式的内联位置并将其删除

或者,您也可以使用
!重要信息
如果您在跟踪更具体的ID选择器时遇到问题,则否决该选择器的规则,即
文本对齐:左!重要的。但是,这是一个不好的习惯,因为从长远来看,这会使维护CSS更加困难


如果您可以评论或编辑您的问题,以包括您正在使用的生成问题代码的插件,我将看看是否可以为您提供有关在哪里可以找到问题
元素的更多详细信息。

非常感谢!绝对地我已经安装了带有店面父主题的Woocommerce,Woocommerce已经带有PayPal网关,所以我正在使用它。非常感谢!绝对地我已经安装了带有店面父主题的Woocommerce,Woocommerce已经带有PayPal网关,所以我只是在使用它。