Changing the order of page items and/or masking them

[Randall L-m]

I have one product, a water bill. My users do not need to see anything else. With all your great help I am down to the last bit of customizing.

https://rnvwd.com/zen/

I need to move the add cart box to the top and the item to the bottom. Like this:


Then I would like to mask everything in the item row. I know how to make the photo go away, but have had no luck in finding a way to hide the folder link, the product name and price.


I thought I could css the price in the same color as the background, but when I change the css for the centerColumn it changes all text in the column. I need to just change the price and product name color and get rid of the catergory link....unless you have another idea.

Ideally (with help from photoshop) it would look like this.




Thanks!

[stevesh]

Your first image says yout want the Add To Cart button at the top, and the third has it at the bottom.

Try starting by adding to your stylesheet:

#productPrices, #productName, #productMainImage, #categoryIcon {display: none;}

[Randall L-m]

Your first image says yout want the Add To Cart button at the top, and the third has it at the bottom.

So ideally you would not see the item at all. It would be under the add cart box. So in the third shot I envisioned the item not even there, just the add cart box.

I will try adding the css, but how do I get the add car to be above the item?

Thanks!

[Randall L-m]

So ideally you would not see the item at all. It would be under the add cart box. So in the third shot I envisioned the item not even there, just the add cart box.

I will try adding the css, but how do I get the add car to be above the item?

Thanks!

DAHHHHH! Nevermind....your code worked perfect! Item no longer showing.

THANK YOU!