Westminster New

[dfontana]

Hi Anne and everyone, I need o know how to change the black background color if it is just background color in 2 areas, the flyout box is black and also the top menu background color also black as the screenshots show:

ScreenHunter_3.gif
what file needs to be changed soI can change the color?

[picaflor-azul]

Hi Anne and everyone, I need o know how to change the black background color if it is just background color in 2 areas, the flyout box is black and also the top menu background color also black as the screenshots show:

ScreenHunter_3.gif
what file needs to be changed soI can change the color?

If you want to make css changes to your site I would recommend using chrome and the web developer tools. They will tell you the exact line of the css file that needs to be edited.

The slide out is an image so you will need to replace it with your image.

Thanks,

Anne

[dfontana]

If you want to make css changes to your site I would recommend using chrome and the web developer tools. They will tell you the exact line of the css file that needs to be edited.

The slide out is an image so you will need to replace it with your image.

Thanks,

Anne

Thank you, found what I need to change, change the colors to what the client wanted, and in my opinion, looks sharp

[dfontana]

Anne, I also just noticed on mobile devices and tablets, there is what I would call a menu button with a black background, is that called Slimmenu? I saw that in stylesheet.css but wasn't sure that is what I should change, or is it in another file?

Thanks in advance.

[missesbeehaven]

Hello Anne,

I have begun adding products to the shop and I thought I had done customising the store look and feel until I noticed today that when I add a product to the shopping cart the black / white header for the cart contents is not showing correctly.

There is a grey background with white text however in the css it has #333 background and #fff text.

The table headings works for the other areas on the shopping cart page which call upon the same code from the CSS file as you will see and this is why I am stumped as to why this is displayed in this manner I really want to fix this as right now the heading table of the cart contents can not be read.

I've spent the morning using Firefox debug and web developer to try and find the source of the problem, but have had not luck. I also tried searching for instances of the #f4f4f4 code (this seems to be what I think the colour is of that incorrectly displayed table heading colour) and the css class names within the zencart admin development tools but nothing here either that shows a conflict or problem :-(

I would be so grateful Anne if you could please take a peek at my shop to help me with what I am over looking that needs to be adjust if you have a moment? http://www.beehavendesignz.com/shop

Thank you in advance Anne

[lruskauff]

Hi Melanie

In your stylesheet.css, there is a bit of code starting like:

/*bof shopping cart display*/
#cartContentsDisplay {border:1px solid #dfdfd7;}
#cartContentsDisplay td{padding-top:25px;padding-bottom:25px;border-bottom:1px solid #dbdbce;}
.cartQuantity input{margin-left:15px;}
.rowOdd {background-color:#fff;height:1.5em;vertical-align:top;}
.rowEven {background-color:#fff;height:1.5em;vertical-align:top;}
.tableHeading TH {background:#171717;height:30px;color:#fff;}
.tableHeading{background-color:#171717;color:#fff;}

change where I have 171717 and fff

I think that should do it. Better check on mobile device too, might be different.

Linda (I'm working on same template)

[reetp]

Is there anywhere/anyway to list patches instead of trying to fight through what is now 104 pages of posts ?

I know this is a common issue at the forums here - I just wondered if there was a way round it ?

Guess the answer its to keep code in say github ?

B. Rgds
John

[missesbeehaven]

Thank you Linda for your suggestion to my post https://www.zen-cart.com/showthread....14#post1284814 - I appreciate your time to help me out.

Just as you have done I too have already changed those colour code for that class in my CSS which is why I am not understanding why the grey is still showing :-(

I hope Anne is able to offer an insight when she has a moment.

Hi Melanie

In your stylesheet.css, there is a bit of code starting like:

/*bof shopping cart display*/
#cartContentsDisplay {border:1px solid #dfdfd7;}
#cartContentsDisplay td{padding-top:25px;padding-bottom:25px;border-bottom:1px solid #dbdbce;}
.cartQuantity input{margin-left:15px;}
.rowOdd {background-color:#fff;height:1.5em;vertical-align:top;}
.rowEven {background-color:#fff;height:1.5em;vertical-align:top;}
.tableHeading TH {background:#171717;height:30px;color:#fff;}
.tableHeading{background-color:#171717;color:#fff;}

change where I have 171717 and fff

I think that should do it. Better check on mobile device too, might be different.

Linda (I'm working on same template)

[lruskauff]

Did you do a global search for the gray using your developers toolkit? That should show you all the places where gray is used and you can go from there. And you changed the ones in the template files, right? We should be able to figure this out between us in case Anne is busy for a bit. I'll go look around again.

[lruskauff]

Here is everywhere my red show up, which is the color oon mine. It also show up in 3 other files but I'm pretty sure it isn't there.
[CODE
Line #1 : body {margin: 0;background: #f7f7f7;font-family: Arial,Helvetica,sans-serif;font-size: 85%;color: #171717;line-height:22px;}

Line #9 : h1 {text-transform:uppercase;font-weight:normal;color:#171717;font-size:160%;margin-bottom:30px;}

Line #10 : h2 {text-transform:uppercase;font-weight:normal;color:#171717;font-size:140%;font-weight:normal;}

Line #52 : #tagline {margin:0;color:#171717;font-size:1.4em;text-align:left;text-transform:lowercase;clear:both;margin-left:15px;display:none;}

Line #74 : #navMainWrapper {margin:0 auto;color:#171717;float:left;width:70%;}

Line #154 : #shippingEstimatorContent h2{font-size:160%;color:#171717;margin-bottom:30px;}

Line #177 : .centerBoxHeading{margin:50px 0 20px 0px;padding:10px 0px 10px 20px;background:#fff;color:#171717;font-size:150%;}

Line #182 : .box-title a{color:#171717;}

Line #184 : .box-price{font-size:130%;color:#171717;margin:0 auto 30px auto;border-bottom:1px solid #dbdbce;padding-bottom:20px;width:90%;}

Line #202 : #shoppingcart .cartBoxTotal{font-weight:normal;font-size:130%;color:#171717;}

Line #372 : .categoryListBoxContents a{font-size:110%;color:#171717;}

Line #378 : .common-wrap:hover{background: #171717;}

Line #428 : .betterCategories a, .betterCategories a:visited, .betterDocuments a, .betterDocuments a:visited, .betterEzpages a, .betterEzpages a:visited, .betterInformation a, .betterInformation a:visited, .betterMoreinformation a, .betterMoreinformation a:visited, .betterBestsellers a, .betterBestsellers a:visited {display: block;background-color: #fffffe;border-top: 0px solid #ffffff;border-bottom:1px solid #dbdbce;padding: 15px 4px 15px 20px;transition:background 2s ease;-webkit-transition:background 2s ease;-moz-transition:background 2s ease;-o-transition:background 2s ease;color:#171717;}

Line #429 : .betterCategories a:hover, .betterCategories a:active, .betterDocuments a:hover, .betterDocuments a:active, .betterEzpages a:hover, .betterEzpages a:active, .betterInformation a:hover, .betterInformation a:active, .betterMoreinformation a:hover, .betterMoreinformation a:active, .betterBestsellers a:hover, .betterBestsellers a:active {background-color: #198762;color:#171717;}

Line #442 : .bs-price{margin-top:15px;color:#171717;font-size:120%;line-height:25px;}

Line #450 : #reviewsWritePrice{font-size:200%;color:#171717;clear:both;}

Line #498 : #BackToTop {float: left;display:none;color: #fff;margin: 0 5px;padding: 5px;text-decoration: none;border: 0px solid #171717;font-size:150%;position:fixed;top:550px;right:10px;background-color: #198762;transition:background 2s ease; -webkit-transition:background 2s ease;-moz-transition: background 2s ease; -o-transition:background 2s ease;text-transform:uppercase;z-index:1100;} ][/CODE]