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

Customizing Fancy Style differently for grid display

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore General Questions › Customizing Fancy Style differently for grid display

Tagged: css, customize, fancy, grid, style, Tweaks

  • This topic has 4 replies, 2 voices, and was last updated 10 years, 2 months ago by Daniele.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 6, 2015 at 2:37 pm #12170
    Daniele
    Member

    Hello, I’m facing this issue using the [wp_eStore_category_products_fancy id=2 style=6] (style 6):

    Products are aligned well in a grid and that’s ok, BUT, if I add modifiers to one or more products (like Size or Item Number) it creates a misalignment of the grid near the products with active modifiers, leaving even 1 or more blank spaces in the grid, moving object down.

    NOW, a solution could be avoid modifiers in the “home” page, and just adding them in the personal page/post of the product (visible if I click on the product name). BUT, if I set modifiers in MANAGE PRODUCT they’ll be visible boyt in the home and the page of the object, even changin Fancy style…

    is there a way to have a clean grid with all the products shown and adding modifiers and other infos only in the page with just one product?

    February 7, 2015 at 12:16 am #68453
    admin
    Keymaster

    Please post a link to the page where you have the grid display so I can inspect it and give you a solution.

    February 10, 2015 at 10:37 am #68454
    Daniele
    Member

    Right, sorry didn’t think to this ;)

    Here is the store [http://www.mexicanstandoffstudio.com/store/]

    Modifiers make some grid element bigger than others, so the grid is messed up!

    let me know,

    thanks!

    February 10, 2015 at 11:02 pm #68455
    admin
    Keymaster

    Grab this custom css plugin:

    https://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

    Then enter the following CSS in there:

    .eStore_fancy6{
    height: 360px;
    }

    It should set a minimum height for each of the fancy6 blocks and fix that unevenness created by the variations or modifiers.

    February 12, 2015 at 11:28 pm #68456
    Daniele
    Member

    Fine, it worked! Thak you!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 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