Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 20, 2016 at 11:09 pm #702126
    sjahan

    Hi, I’m not sure what’s going on because it never was like this before but for some reason the $ and the actual numerical price are displaying on 2 separate lines. It appears that the table cell size is too small or something along those lines, but all of the code I tried putting in didn’t work. Can you please take a look?

    Homepage: https://elevabeauty.com/
    Category Page: https://elevabeauty.com/product-category/skin/atomy/

    October 21, 2016 at 9:53 am #702264
    Rikard

    Hi sjahan,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .woocommerce-Price-amount {
    display:inline !important;
}

    Thanks,
    Rikard

    October 21, 2016 at 5:08 pm #702546
    sjahan

    That didn’t work… =/

    October 22, 2016 at 9:12 am #702756
    Rikard

    Hi,

    Ok, please try this instead: 

    .style-grid3 .price span:last-of-type {
  display:inline !important; 
}

    The CSS is coming from a file called flatsome.min.css.

    Regards,
    Rikard

    October 22, 2016 at 11:02 pm #702876
    sjahan

    Perfect, thank you!!

    October 22, 2016 at 11:28 pm #702879
    Basilis

    Hi!

    Please feel free to create a new ticket if you need anything else.

    Thanks a lot

    Cheers!
    Basilis

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