Need Help with CSS

4 posts from 3 voices

• Started 3 months ago by NiklasAllback
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   NiklasAllback
   Member

   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.

   http://allbacks.se/wp-images/Picture1.jpg

   http://allbacks.se/wp-images/Picture2.jpg

   Greatly appreciate any help i can get !

   / Nik

   Posted 3 months ago #
2. 

   Devin
   Moderator

   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: http://www.kriesi.at/themes/replete/product/simple-test-product-2/

   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.

   Regards,

   Devin

   Posted 3 months ago #
3. 

   NiklasAllback
   Member

   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.

   Thanks

   / Nik

   Posted 3 months ago #
4. 

   Dude
   Dude

   Hey!

   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;
   }

   Regards,
   Peter

   Posted 3 months ago #

RSS feed for this topic

Reply

You must log in to post.