Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #20363

    Hey there, I’d say i’m fairly good in working through problems and troubleshooting them myself but writing custom CSS aint my thing! So therefore I turn to someone with knowledge :-)

    I’d love to have the price to the right and inline of the Title of each product instead of below and to the left as it is standard.

    I’ve uploaded 2 pictures, Picture 1.jpg is as it is Now, and picture 2 is how I would like it be shown. :-) .. would also like to have the Price in a dark grey colour, like #757575.

    Greatly appreciate any help i can get !

    / Nik


    Hi Nik,

    The main issue with this is that the product name would overlap the price if you do that. If the product name is too long, its also able to wrap since they are one after another.

    For example:

    As for a css adjustment, there isn’t any class attached to the price that would let me move it individually. If the title was floated it would move the summary and price up together and make them wrap to the title which isn’t quite what you are looking for.




    Hi Devin,

    Thanks for the response. I understand the problems that would occur with moving the prices as you explain it… all tough; I would like to know if there is a possibility for me to remove the price all together on the product pages? I’ve been looking in wooCommerce for some easy way and also had a look around in the CSS files but since i am a long way from being a pro at this I wasn’t comfortable doing the editing myself..

    Would greatly appreciate a quick guide or some custom CSS on how to remove the price all together on my product pages.


    / Nik



    You can hide the price with following css code – add it to css/custom.css:

    #top.single-product .price, #top.single-product .price span {
    display: none !important;



Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Need Help with CSS’ is closed to new replies.