WooCommerce-无需编辑模板即可删除换行符

时间:2019-05-10 05:49:30

标签: wordpress woocommerce

我在产品页面的数量div周围添加了增量按钮,其中包含数量输入字段。我钩住了按钮生成函数create_button_beforecreate_button_after

add_action( 'woocommerce_before_add_to_cart_quantity', 'create_button_before' );        
add_action( 'woocommerce_after_add_to_cart_quantity', 'create_button_after' );

除了一件事情,这很有用。我希望这些按钮是相邻的,并且没有空间作为内嵌块元素的数量div。不幸的是,CSS中的inline-block会将带有换行符的元素分隔为空白。

在产品页面上,我无法应用常规的CSS技巧来使父元素的字体大小为0(空格的宽度为0),并明确声明所有子元素的字体大小。这是因为祖先没有恒定的元素结构-它根据乘积是单个,变量,分组等来改变。也许我可以以某种方式处理所有情况,但是从维护的角度来看,这比覆盖模板还差。 >

有什么办法可以消除PHP中我的第一个按钮之后和第二个按钮之前的换行符,而又不覆盖模板?

编辑:我发现,作为CSS解决方案,display: blockfloat: left可以正常工作,假设我在按钮旁边的“添加到购物车”按钮中添加了左边距。我仍然想知道我是否可以通过PHP实现这一目标。

1 个答案:

答案 0 :(得分:0)

在创建按钮html时,在“创建按钮”功能中如何在按钮中包含内嵌样式?

style="display:block; float:left"

如果要将此样式应用于父容器,则在页面上添加<style></style>可以使用此样式覆盖该容器吗?