Grimalkin Posted November 23, 2018 Author Share Posted November 23, 2018 Oh my. I have not deleted anything from the file. I can't imagine where the file got off to. So, I need to change the top menu from the dark grey to a purple? Link to comment Share on other sites More sharing options...
bsmither Posted November 23, 2018 Share Posted November 23, 2018 The purple is a hover color. You should copy the hex and RGBA values replacing the values of the sub menu hover colors. Link to comment Share on other sites More sharing options...
Grimalkin Posted November 23, 2018 Author Share Posted November 23, 2018 The background-image of the new rule should match the old? Link to comment Share on other sites More sharing options...
bsmither Posted November 23, 2018 Share Posted November 23, 2018 The RGBA values of the submenu background-image should match the RGBA values of the non-submenu background-image. Link to comment Share on other sites More sharing options...
Grimalkin Posted November 23, 2018 Author Share Posted November 23, 2018 There are 3 rgba colors in the one and only two in the other. ul#css3menu1, ul#css3menu1 ul, ul#css3menu1 a { background-color: #151515; /* Non-hover color -- Change to suit */ } ul#css3menu1 li:hover > a, ul#css3menu1 li a.pressed { background-color: #501078; /* Hover color -- Change to suit */ background-image: -moz-linear-gradient(-90deg,rgba(80,16,120,1),rgba(56,11,83,0) 45px,rgba(56,11,83,0)); } ul#css3menu1 ul li:hover > a, ul#css3menu1 ul li > a.pressed { background-color: #c1560e; /* Hover color submenu -- Change to suit */ background-image: -moz-linear-gradient(-90deg,rgba(215,96,16,1),rgba(193,86,14,0)); } Link to comment Share on other sites More sharing options...
bsmither Posted November 23, 2018 Share Posted November 23, 2018 Use the first two sets. And there is still a missing rule. Link to comment Share on other sites More sharing options...
Grimalkin Posted November 23, 2018 Author Share Posted November 23, 2018 Okay, I copied #501078 to background color, and used the rgba's (80,16.120,1) and (56,11,83,0). However, I honestly do not know what rule is missing. I don't remember doing anything except what you instructed me to do. Perhaps I deleted something by accident. If that is the case, I have absolutely no idea what is missing. There was no storefront color change when I made the rule color changes just now. Also, I just checked a screenshot I made after I added the grey and first purple. There are only two rules showing even at that point. I have copies of cubecart and the skin. I will see if I can locate whatever is missing. Link to comment Share on other sites More sharing options...
bsmither Posted November 23, 2018 Share Posted November 23, 2018 This one: ul#css3menu1 ul a { background-color: #e7791c; /* Non-hover color submenu -- Change to suit */ background-image: -moz-linear-gradient(-90deg,rgba(233,135,51,1),rgba(231,121,28,0)); } Link to comment Share on other sites More sharing options...
Grimalkin Posted November 23, 2018 Author Share Posted November 23, 2018 There is nothing in the cubecart, but I did locate a css file in the skin that primarily deals with ul#css3menu1 li. It deals with background colors, hovers and images. Link to comment Share on other sites More sharing options...
bsmither Posted November 23, 2018 Share Posted November 23, 2018 The above rule is to be added to the file cubecart.default.css. Link to comment Share on other sites More sharing options...
Grimalkin Posted November 23, 2018 Author Share Posted November 23, 2018 Okay, I have added that rule, but once again I have a red 'flag' beside the line number with: Expected RBRACE at line 29 col 88. I am still in cubecart.default.css Link to comment Share on other sites More sharing options...
bsmither Posted November 23, 2018 Share Posted November 23, 2018 Please re-edit cubecart.default.css and re-copy/re-paste the code above Link to comment Share on other sites More sharing options...
Grimalkin Posted November 23, 2018 Author Share Posted November 23, 2018 okay, here is what cubecart.default.css looks like now. Link to comment Share on other sites More sharing options...
bsmither Posted November 23, 2018 Share Posted November 23, 2018 Line 28, remove the trailing asterisk and slash. Link to comment Share on other sites More sharing options...
Grimalkin Posted November 23, 2018 Author Share Posted November 23, 2018 The red 'flag' is gone now. There is still purple and orange hover and orange sub cat button. Do you think that the stylesheet I found in the skin folder named : css3menu1 is causing a problem? There is a stylesheet in this folder that primarily deals with ul#css3menu1. It deals with background color, background images and hover colors. Link to comment Share on other sites More sharing options...
bsmither Posted November 23, 2018 Share Posted November 23, 2018 That is the original color scheme. We are adding rules to cubecart.default.css which, because the browser processes the rules here after those of the original color scheme, our rules take precedence. We just need to find all the relevant original rules to overrule with our rules. Be back soon. Link to comment Share on other sites More sharing options...
Grimalkin Posted November 23, 2018 Author Share Posted November 23, 2018 okay I am sorry this has been so bad. Maybe we should just hang it up for tonight. You have been banging away at this problem for hours. I have taken way too much of your time. Maybe, if you are willing, we can continue sometime later today. I will leave the site online. Thank you for your patience. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.