Cart Setting to Control Background Color?

Ken · 2014-08-16 05:43:57

I can not find the setting that controls the background color of the bar above the cart content. This bar includes the text Quantity Remove Amount.

The color that currently fills this rectangular space does not correspond to any of the form colors under site info. Does any one have an idea where I can find it?

In case you want to look here is the URL to my gallery, just add an image to the shopping cart and you can see what I am referring to:

http://ioscapes.com/galleries.php

rod barbee · 2014-08-16 06:08:19

According to the Firefox Inspector, this is a Table Row element. Table colors are controlled in Site Info > Typography > Tables.
So try changing Alternating Rows Background Color in the template you're using for your cart. If using Shared Resources, change it Pages.

To preview the change in Lightroom use the Typography preview under Now Showing at the top of Site Info as well as Color Palette.

Last edited by rod barbee (2014-08-16 06:08:49)

Ken · 2014-08-16 06:16:01

rod barbee wrote:

According to the Firefox Inspector, this is a Table Row element. Table colors are controlled in Site Info > Typography > Tables.
So try changing Alternating Rows Background Color in the template you're using for your cart. If using Shared Resources, change it Pages.
To preview the change in Lightroom use the Typography preview under Now Showing at the top of Site Info as well as Color Palette.

In the back of my mind, I had the thought that it might be controlled by table colors. I didn't want to go there because I am happy with my table colors. I guess I was being lazy I will have to invest a little time experimenting with this setting. Thanks for your help.

rod barbee · 2014-08-16 06:48:20

If you don't want to change table colors for the rest of the site you can just target the table row in the cart with custom css.

Ken · 2014-08-16 06:56:43

rod barbee wrote:

If you don't want to change table colors for the rest of the site you can just target the table row in the cart with custom css.

Rod, when you talk about custom CSS, I get a little nervous about having to learn something under the hood, so to speak.

rod barbee · 2014-08-16 07:06:58

not so much under the hood as adding an accessory to the side. But if you want to be able to customize your site beyond what's designed in (and with all the requests you've made, it seems you do), you'll need to get your hands a little dirty. And you really can't hurt anything; if things look weird you just delete or comment out the css you added in your custom css file.

Ken · 2014-08-18 00:10:07

rod barbee wrote:

not so much under the hood as adding an accessory to the side. But if you want to be able to customize your site beyond what's designed in (and with all the requests you've made, it seems you do), you'll need to get your hands a little dirty. And you really can't hurt anything; if things look weird you just delete or comment out the css you added in your custom css file.

Thanks Rod for the encouragement. Referencing your "TTG Tips and Tricks: Custom CSS: using the inspector to probe css selectors" plus the TTG Custom CSS Documentation, I created a custom.css file. Not to change the color in the cart, but to hide the Discount Code Entry part of the cart and to shrink the size it takes up. I really did not like having this in the cart and now it has disappeared! To accomplish this I also had to find a site that listed CSS Properties, where I discovered the visibility property. Worth the time spent, now I feel some modest level of confidence about the custom css.

Thanks for your help

rod barbee · 2014-08-18 00:44:45

Be sure to read up on the difference between using visibility: hidden; and display: none;, it might affect how the cart looks.
http://www.w3schools.com/css/css_display_visibility.asp

Ken · 2014-08-18 00:49:10

rod barbee wrote:

Be sure to read up on the difference between using visibility: hidden; and display: none;, it might affect how the cart looks.
http://www.w3schools.com/css/css_display_visibility.asp

Thanks, I was wondering if there was an option besides hiding. I will try out the display:none

Community @ The Turning Gate

#1 2014-08-16 05:43:57

Cart Setting to Control Background Color?

#2 2014-08-16 06:08:19

Re: Cart Setting to Control Background Color?

#3 2014-08-16 06:16:01

Re: Cart Setting to Control Background Color?

#4 2014-08-16 06:48:20

Re: Cart Setting to Control Background Color?

#5 2014-08-16 06:56:43

Re: Cart Setting to Control Background Color?

#6 2014-08-16 07:06:58

Re: Cart Setting to Control Background Color?

#7 2014-08-18 00:10:07

Re: Cart Setting to Control Background Color?

#8 2014-08-18 00:44:45

Re: Cart Setting to Control Background Color?

#9 2014-08-18 00:49:10

Re: Cart Setting to Control Background Color?

Board footer