wordpress 2个元素未显示内联

0g0grzrc  于 2023-06-29  发布在  WordPress
关注(0)|答案(1)|浏览(158)

有谁知道如何使数量和添加到购物车按钮内联,使他们appar在同一行?不知何故,数量是一个块元素后,我已经分配给它作为内联...谢谢!https://stg-irishpure-staging.kinsta.cloud/erwachsenen-trockenfutter-gemuese/
我已经尝试删除任何以前!重要的块css,但没有工作,我已经尝试了所有内联声明

kgsdhlau

kgsdhlau1#

只需在按钮和产品数量周围放置一个带有显示Flex或内联块的div,它就应该显示正确。
这应该看起来像这样:

<div class="flex">
  <div class="quantity">
    <label class="screen-reader-text" for="quantity_649c281069093">Irisches Freiland-Huhn mit Gemüse &amp; Kelp-Alge, Adult Menge</label>
    <span class="ui-spinner ui-corner-all ui-widget ui-widget-content" style="height: 40px;"><input type="number" id="quantity_649c281069093" class="input-text qty text ui-spinner-input" name="quantity" value="1" title="Menge" size="4" min="1" max="" step="1" placeholder="" inputmode="numeric" autocomplete="off" aria-valuemin="1" aria-valuenow="1" role="spinbutton">
    <a class="ui-spinner-button ui-corner-br ui-button ui-widget ui-state-default ui-button-text-only ui-spinner-down ui-spinner-up ui-corner-tr ui-button-icon-only" tabindex="-1" role="button" aria-hidden="true"><span class="ui-button-icon ui-icon ui-icon-triangle-1-n"></span><span class="ui-button-icon-space"> </span>
    <span class="ui-icon"><i class="fas fa-plus"></i></span>
    </a>
    <a class="ui-spinner-button ui-corner-tr ui-button ui-widget ui-state-default ui-button-text-only ui-spinner-down ui-corner-br ui-button-icon-only" tabindex="-1" role="button" aria-hidden="true"><span class="ui-button-icon ui-icon ui-icon-triangle-1-s"></span><span class="ui-button-icon-space"> </span>
    <span class="ui-icon"><i class="fas fa-minus"></i></span>
    </a>
    </span>
  </div>
  <button type="submit" class="single_add_to_cart_button button alt wp-element-button">In den Warenkorb</button>
</div>

相关问题