- This topic has 5 replies, 2 voices, and was last updated 6 years, 5 months ago by .
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 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 › eStore – Names Not Wrapping in Grid Display
Tagged: grid display
I’m using this code for my grid display:
[wp_eStore_show_all_products style=13 order=1 type=0]
It turned out quite nicely, as you can see here:
ivanscooking.com/wordpress2/the-pantry/
But some names have been cut off because they didn’t wrap. Is it possible to make them wrap? I’m not so worried about the descriptive text, as I can shorten the descriptions, unless there’s a solution for that, too. Also, is there any chance of making the price text smaller? Thanx!
The name is not suppose to wrap as it doesn’t look good for that display. The visitors will click on the item and go to the individual item’s page. That where the will see the full details.
You can use the following CSS tweak to make the font-size of price text smaller.
.eStore-product-fancy-13-price {
font-size: 16px !important;
}
The CSS can be added in the following interface:
Appearance -> Customize -> Additional CSS
Thank you for the price code. That did work. But the titles can’t be used cut off. Is there a code for making the title text smaller?
i can also eliminate a line of the description on the boxes where the titles are 2 lines. so i would prefer the wrap. as i’ve done on this page on the old site: ivanscooking.com/the-shop/
nevermind on the code for making the text smaller. i used this and it worked.
.eStore-product-fancy-13-name {
font-size: 12px !important;
}
i’d still rather wrap and leave the size at 16 cause even at 12 some words are missing on a few products.
i found the code that works to make fancy 13 titles wrap on another post. thanx, anyway.
.eStore-product-fancy-13-name {
height: 60px !important;
}