Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

eStore – how to change product display font size, text alignment, etc

by

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, 6 months ago by Dave Ruch.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 30, 2017 at 3:37 pm #14495
    Dave Ruch
    Member

    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 #76661
    wzp
    Moderator

    Please 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 #76662
    admin
    Keymaster

    Did 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 #76663
    Dave Ruch
    Member

    No, 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 #76664
    Dave Ruch
    Member

    Same issue after emptying the browser cache.

    October 31, 2017 at 2:10 pm #76665
    wzp
    Moderator

    What theme are you using? does temporarily changing to another (standard WordPress) theme make any difference?

    November 1, 2017 at 10:58 pm #76666
    admin
    Keymaster

    Please share the URL of the page where you have it so I can inspect it.

    November 3, 2017 at 3:38 pm #76667
    Dave Ruch
    Member

    The pages are not published yet – they are in draft mode. Will post the url once it goes live.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Registration
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2025 | Tips and Tricks HQ