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

Photo Seller Cart – Remove alternating row colours

by

Tips and Tricks HQ Support Portal › Forums › WP Photo Seller › Photo Seller Cart – Remove alternating row colours

  • This topic has 9 replies, 3 voices, and was last updated 7 years, 3 months ago by daveiom.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 27, 2018 at 10:19 pm #14663
    daveiom
    Member

    Is it possible to have the row colours all the same and not alternating?

    Also, when a coupon discount is applied, how do I change the background colour of the box that highlights that the coupon has been applied?

    Thank you

    January 28, 2018 at 2:36 am #77185
    admin
    Keymaster

    Please share a link to your photo gallery page so we can inspect it and help with the CSS tweak.

    You can also learn how to do it yourself using the following tutorial:

    http://www.tipsandtricks-hq.com/how-to-use-firebug-to-modify-your-wordpress-sites-css-video-tutorial-4037

    January 28, 2018 at 10:20 am #77186
    daveiom
    Member

    Here is the link to the gallery page,

    Any help would be appreciated,

    Many thanks,

    [http://www.manxphotosonline.com/2018/01/27/2018-ard-whallan-fell-run-27th-october-2018/]

    January 28, 2018 at 11:01 am #77187
    daveiom
    Member

    I’ve successfully managed to change the background colour of the box which highlights that the discount coupon has been applied but still struggling to change the alternating row colours in the cart if two or more items are added,

    Thanks

    January 28, 2018 at 11:48 am #77188
    daveiom
    Member

    I’ve added the following:

    #viewCartTable .pure-table-odd td{

    background: transparent;

    }

    In the Custom CSS plugin but it hasn’t changed anything

    January 28, 2018 at 10:47 pm #77189
    admin
    Keymaster

    Use the following to remove the background from the odd rows in the shopping cart.

    #viewCartTable .pure-table-odd td {

    background: none !important;

    }

    January 29, 2018 at 8:43 am #77190
    daveiom
    Member

    I have tried that but it doesn’t work unfortunately.

    January 30, 2018 at 12:06 am #77191
    admin
    Keymaster

    There is no reason for that CSS to not work. Did you verify that the CSS you injected is actually in that page? I tried to check it by viewing the source but looks like you have right click disabled on your page.

    January 30, 2018 at 5:43 am #77192
    Peter
    Member

    The following code will work:

    .wps_variation_selection_section #variationTable .wps_tr_even{
    background: none;
    }

    BUT, you will need to delete your last attempt and fix up the CSS errors you created in the custom css plugin because you pasted something incorrectly and you have missing brackets and/or double brackets etc.

    January 30, 2018 at 9:20 pm #77193
    daveiom
    Member

    Thank you Peter, all sorted.

    I found the double bracket I had put in the Custom CSS

    Thanks again

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