Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 24, 2017 at 12:09 pm #868132
    tiefenschaerfe

    Hi,

    i have a problem with a style in my shop.

    In the single-Product the following details are given – according to German law –
    – base-price
    – base
    – unit

    But there is a css-style-problem caused by enfold. The unit is left before the selling price. But it must be right, next to the base.

    Original-Code:

    .unit, .units {
    float: left;
    display: inline;
    margin-left: 50px;
    position: relative;
    z-index: 1;
    min-height: 1px;
    }

    What is the code to show it on the right to base?

    And can the script be smaller?
    And the writing of the sales prices slightly bigger?

    regards Susanne

    October 25, 2017 at 6:43 am #868552
    Rikard

    Hey Susanne,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    October 25, 2017 at 9:29 am #868621
    tiefenschaerfe

    Yes, look here: https://cityshop-reinfeld.de/shop/kosmetik/naturkosmetik/birkengold-zahnkreide-nachfuellpack/

    There is a little “g” on the left from the price.

    October 25, 2017 at 5:39 pm #868845
    Victoria

    Hi tiefenschaerfe,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.price.price-unit .unit, .price.price-unit .units {
    float: none;
    margin-left: 0px;
}

    Which price do you need bigger?
    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 26, 2017 at 9:24 am #869143
    tiefenschaerfe

    Hello Victoria,
    thank it – it´s working fine.

    Price: I mean the standard price on every single product page. For example here:

    Aktentasche aus OIL PULL-UP Leder in Braun

    best regards
    Susanne

    October 29, 2017 at 4:31 pm #870096
    Victoria

    Hi Susanne,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .price span.woocommerce-Price-amount.amount, 
#top .price span.woocommerce-Price-currencySymbol {
  font-size: 20px;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    October 30, 2017 at 10:52 am #870403
    tiefenschaerfe

    HI Victoria,
    thank you for that.

    But know the unit-price is 20px too.
    How can i separate the size?

    best regards and thanks,
    Susanne

    November 2, 2017 at 4:20 am #871512
    Ismael

    Hi,

    Please replace the code with the following.

    #top .price > span.woocommerce-Price-amount.amount, 
#top .price > span.woocommerce-Price-currencySymbol {
  font-size: 20px;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.