Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Tweaks › eStore – product display width
- This topic has 8 replies, 3 voices, and was last updated 4 years, 12 months ago by
Alia.
-
AuthorPosts
-
March 29, 2017 at 6:27 am #14140
stargaz3r
MemberFirst, thank you so much for this awesome plugin!
I’m using stylish display 3 with some price variants for each product and placing them in a grid (by category). However, the display width is set so the pull down menu for the prices don’t fit properly. How do I adjust this? I tried the following (based on another forum question) but I know nothing about css so I don’t know what to change as it’s not working:
.eStore-product-fancy-3{
width: 300px !important;
}
Here’s the site: [http://www.modaportraiture.com/purchase-test/]
Thanks!
March 29, 2017 at 11:58 pm #75393admin
KeymasterFancy 3 uses a narrow width display so that probably won’t be a suitable one if you want a wider section. So you should probably look for another template that has a width closer to what you are after:
With that said, you can use a custom CSS like the following to make the fancy3 template wider:
.eStore-fancy3 {
min-width: 220px !important;
}
August 30, 2019 at 1:36 pm #75394Alia
SpectatorHi there
Could I make fancy3 (or any of the grid options) *longer* using css? What would it have to say? I’d love to have grids with just a bit more text.
Thank you!
September 1, 2019 at 3:25 am #75395admin
KeymasterYes that can be done but you would need to have a bit of CSS knowledge for it. How long (in pixels) do you want to make them?
September 4, 2019 at 8:59 pm #75396Alia
SpectatorThank you for your help.
Maybe up to 700px?
Once I can do it, I can play with the optimal length and width
September 5, 2019 at 12:27 am #75397admin
KeymasterPlease share a URL of your site so I can inspect it and give you the CSS tweak.
September 5, 2019 at 12:53 am #75398Alia
SpectatorI have a shop test page that has the fancy 5 on it. aliathabit.com/shop-test/
(in the process of making a shop page and testing the grid displays).
For most things, I want “thumbnails” like fancy 5 with a sentence or two, and the details button to send the buyer to the full sales page (I would love a dedicated “Learn More” button along with add to cart and buy now…).
There are 3 of in a line under a couple of add to cart buttons. You can see what I mean.
Would reducing the space around the details button do the same thing as increasing the space for the text?
September 5, 2019 at 2:26 am #75399admin
KeymasterBelow is a tweak that should make the description area longer and show more description text. You can play around with the number value to adjust things (it should give you some idea):
.eStore-fancy5 {
height: 700px !important;
}
.eStore-fancy5-body {
max-height: 500px !important;
}
.eStore-fancy5-description {
max-height: 400px !important;
}You can also get us to do a custom job for you and create a template that is according to a specification that you give us.
September 5, 2019 at 1:02 pm #75400Alia
SpectatorThank you! I will play with this and see how it goes. If I can’t get it the way I want, I will certainly look into a custom template.
-
AuthorPosts
- You must be logged in to reply to this topic.