Fixing price amount beside cart icon in header

  • Hi!

    I am doing a WP website based on Divi & Woocommerce and would like to align the Woocommerce Price Amount text (beside the cart icon in the menu) to be aligned with the menu items next to it. Right now it is to low.

    I found out in the code that it has this class: <span class=”woocommerce-Price-amount amount”> and trying in Firefox when I set vertical-align: top; it helps to get the price amount up and better looking.

    Does anyone know how to fix this permanently? ??

    Thanks in advance! Kind regards. Anna

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Well done for finding the css you need to target using your browser inspector. Now to make it permanent. The easiest way is using the customizer. Login to your WordPress dashboard, get one of your web pages into view, along the top choose Customizer, then go to the additional css tab, then add:

    .woocommerce-Price-amount {
 vertical-align: top;
}

    When you are happy, click “Publish” to make your changes permanent.

Viewing 1 replies (of 1 total)
  • The topic ‘Fixing price amount beside cart icon in header’ is closed to new replies.

Tags