Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › eStore – Responsive CSS question for the cart and wp_eStore_fancy1 shortcodes
Tagged: cart, responsive, responsive cart
- This topic has 8 replies, 3 voices, and was last updated 10 years, 6 months ago by Any.
-
AuthorPosts
-
May 4, 2014 at 2:14 pm #10765AnyMember
I need help making the eStore completely responsive!
The [wp_eStore_cart_fancy1_when_not_empty] is not completely responsive it goes out a bit to the right on the iphone.
How do I change this? Also how do I remove the lines in the cart?
Is there any chance I can change the layout of [wp_eStore_fancy1 id=1] so that the text starts below the picture on the iphone and the add to cart is placed to the left?
Thank you!
May 4, 2014 at 2:52 pm #62695wzpModerator…it goes out a bit to the right on the iphone.
What does that mean?
Can you provide screenshots of what you mean? You can use the PicPaste service to provide links to your screenshots: [http://picpaste.com/]
Does this happen on Anroid, or other devices, as well?
May 4, 2014 at 7:11 pm #62696AnyMemberThanks for your reply!
I solved the problem by adding decreasing the font-size in the css.
However I still wonder how to get rid of the lines? And how I change the color of the ad to chart button?
Thank you!
May 5, 2014 at 12:28 am #62697adminKeymasterI think you are talking about the lines from the table. your theme probably uses lines for the table elements. Can you share a link to the cart page so I can take a look?
May 5, 2014 at 12:02 pm #62698AnyMemberYes that is what I am talking about! Please take a look at [www.golfforvuxna.se/kop-har]
Also how do I change the color of the ad to cart button?
Thank you!
May 5, 2014 at 2:45 pm #62699wzpModeratorMay 5, 2014 at 8:42 pm #62700AnyMemberHow do I remove the lines from the table??
Just read throw your link – doesn’t explain how to change the color of my existing button, will you please tell me?
May 6, 2014 at 12:56 am #62701adminKeymasterCustomize the button using the following info:
Do the following to remove the table borders in the cart.
Grab the custom css plugin from here:
http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413
Enter the following css in there:
.eStore_cart_fancy1 td, th{
border: none !important;
}You should learn to do the CSS customization yourself a bit. We can’t customize all CSS for you:
May 6, 2014 at 8:05 pm #62702AnyMemberThanks – the css worked for the cart and I fixed the button as well! Thank you!
-
AuthorPosts
- You must be logged in to reply to this topic.