Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Tweaks › eStore – how to change product display font size, text alignment, etc
- This topic has 7 replies, 3 voices, and was last updated 7 years ago by Dave Ruch.
-
AuthorPosts
-
October 30, 2017 at 3:37 pm #14495Dave RuchMember
I’m using shortcode [wp_eStore_category_products_fancy id=1 style=5 order=3 type=1] to display Fancy 5 products in a grid format.
I’d like to make some simple changes to the font size, text alignment, etc. of the product display. I’ve found the eStore-extra-shortcodes/eStore_extra_shortcode_css.css section in the editor, and located the css code below. I’ve made and saved changes to this code, but they don’t seem to have any effect on the display.
What am I doing wrong?
/*=== Fancy 5 CSS ===*/
.eStore-fancy5{
background:transparent url(“images/fancy5_gradient.gif”) bottom repeat-x;
background-color:#fff;
font-family:”Segoe UI”, sans-serif;
font-size:12px;
border:1px solid #ccc;
display:block;
float:left;
height:370px;
margin:3px 12px 12px 0;
position:relative;
width:222px;
padding:10px 0px 10px 10px;
}
.eStore-fancy5:hover{border-color:#999;}
.eStore-fancy5-thumb img {height: 150px; width: 200px; padding: 5px; border: 1px solid #ccc;}
.eStore-fancy5-thumb a img {border: 1px solid #ccc;}
.eStore-fancy5-thumb:hover img {border-color: #333;}
.eStore-fancy5-body{height:165px;overflow:hidden;}
.eStore-fancy5-description{margin:0px 10px 5px 0px;text-align:justify;overflow:hidden;max-height:115px;}
.eStore-fancy5-product-name{font-size:15px;font-weight:bold;text-align: left;margin:12px 10px 10px 0px;}
.eStore-fancy5-price{float:left;font-size:15px;font-weight:bold;}
.eStore-fancy5-details{float:right;margin-right:10px}
October 30, 2017 at 7:25 pm #76661wzpModeratorPlease post a link to an example page, that uses the CSS that you can’t affect changes to.
October 30, 2017 at 10:51 pm #76662adminKeymasterDid you empty the browser cache to make sure the browser is showing the new/updated CSS file (and not the old cached one)?
October 31, 2017 at 12:11 pm #76663Dave RuchMemberNo, I didn’t. Will try that.
wzp – the page is a draft at this point (not published) so I can’t post a link to it.
October 31, 2017 at 12:29 pm #76664Dave RuchMemberSame issue after emptying the browser cache.
October 31, 2017 at 2:10 pm #76665wzpModeratorWhat theme are you using? does temporarily changing to another (standard WordPress) theme make any difference?
November 1, 2017 at 10:58 pm #76666adminKeymasterPlease share the URL of the page where you have it so I can inspect it.
November 3, 2017 at 3:38 pm #76667Dave RuchMemberThe pages are not published yet – they are in draft mode. Will post the url once it goes live.
-
AuthorPosts
- You must be logged in to reply to this topic.