- This topic has 3 replies, 2 voices, and was last updated 14 years, 1 month ago by .
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.
Support site for Tips and Tricks HQ premium products
by
Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore General Questions › Reducing fancy box size for a music download store
Hi
I love the plugin,i`ve got it set up working with buying mp3 downloads for my label website.
I`ve integrated the image,mp3 player and add to cart in a fancy box,but the thing is the boxes are massive,is there a way to reduce the size of them?
Is there also a way to make it grid based? ie like junodownload so you have
a: small image b: music player c:add to cart-all on one line
Youll see i
m limited for space,you can preview here
http://www.offworldrecordings.com/shop-test/
Thanks
Allan
You can customize the look of the fancy display by modifying the CSS. Open the “wp_eStore_style.css” file and look for the following section in that file:
Fancy product display css
This section is responsible for the fancy1 display which you are using.
I`ve had a go at editing some of the styles,but i dont think i have it right.
I`ve had to move to a backup test host here since my main site is down because friend forgot to pay renewal on time.
If you see here http://www.offworldrecordings.co.uk/?page_id=7
Fancy 1:If i change height in css to shorten it,the add cart
button/price dissapears where you can`t see it (i want both on the right hand side of smaller box)
Fancy 2:If i reduce box size the £ sign and price swap places.
Can you help? im a beginner with this ideally i
d like fancy 1 to be the correct one with price/add cart on right hand side.
Thanks
You can just add a width properly in the followoing CSS so it doesn’t take the full body of the page. This way you can control the width of the display.
.eStore-product
You don’t need to change the height as it will auto adjust based on the amount of content you have in the display.