- This topic has 3 replies, 2 voices, and was last updated 13 years, 9 months 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 › "Your Cart is Empty" styling
Hi,
I would like to make the empty cart text look a little nicer (barely noticeable right now) or perhaps even call up a graphic. I assume I can make changes in the plugin’s style.css file but am not sure where.
Thanks!
B
Hi Bentley,
For the image, if you right click on the shopping cart image and click “copy image location” you’ll come up with an address like:
http:www.YOUR_SITE.com/wp-content/plugins/wp-cart-for-digital-products/images/shopping_cart_icon.gif
What I do (just so I don’t really blow it;-) is rename the graphic to old-shopping_cart_icon.gif using my ftp program.
Then I upload the image I want to replace it with to the same directory, and rename it to shopping_cart_icon.gif (the original graphic name).
When you go back to your browser, hold “control” and F5 to refresh and clear your cache. Your new graphic should show. Once it does, you can delete old-shopping_cart_icon.gif .
As for styling, I use Firefox for development, and Firebug (a Firefox plugin) for troubleshooting style. I currently have wp-eStore 4.5.4 , so it may be different depending on your version, but I’m seeing the style infor coming from style.css lines 502, 518, and 549.
Save a copy of your orig style.css and start tweaking the elements in those regions. Also, start a log of any changes you make so that when you upgrade later on, you won’t have to re-research in order to reapply those changes.
Hope this helps,
Dave
Hi Dave,
I appreciate the help.
I opened up WP_eStore_style.css using Coffee Cup editor and the total number of lines is only 425.
Not really sure what component would affect the “Your Cart is Empty” text (what I would like to make more prominent)
Thanks!
B
I’m pretty sure the plugin inherits its styling from your theme’s style.css By going to Appearance–> Editor –> find your style.css and do a search for #sidebar . that should help you find the part of style.css that governs your sidebar style.
If you’ll share the link to your site, I’ll take a look and see if I can tell you exactly what to tweak.
Dave