Changing CSS in Optic ReadyTheme

[IndustrialOdorControl]

We have recently moved over to 9 from our 5.5 store (in dev) and are using the Optic ReadyTheme.

I am trying to figure out how to properly change the color used for the "Add to Basket" button and other hover elements. I have used firebug to trying and decipher this, but everything says it is in the css.php file, which it is not. I have found other style sheets that reference the color of the button:

pages.css
structure.css
colors.css
typography.css

but I have also found in the colors.css there is a class selector set up for various colors, including aqua, which has the color I am trying to change. I'm not understanding how this all pieces together in Miva. Could someone push me in the correct direction to learn how to correctly change these colors?

Also, despite having assigned the template, there is nothing listed under user interface/style resources. My understanding was that the style sheets for that particular theme would automatically populate that. I am using "Edit This" to access the css files.

Many, many thanks in advance.

Andy

[Bruce - PhosphorMedia]

Re: Changing CSS in Optic ReadyTheme

Did you read this post?

http://extranet.miva.com/forums/showthread.php?116316-Suivant-Iron-and-Flannel-Based-ReadyTheme-Dev-Tip

It explains why everything refers to css.php and how to more easily see the actual css file that applies to specific selectors.

[IndustrialOdorControl]

Re: Changing CSS in Optic ReadyTheme

Thanks, Bruce. Yes, I did read it and I implemented the code you suggested. I am now able to see which actual css is referenced. My problem still is, I see the class selectors but I'm not seeing where they are implemented. I have gone to user interface/settings/... and the color indicated for the "add to cart" button has a class of .bg_gray, however, it is appearing as .bg_aqua on the front end.

Thanks again for your input.

Andy

[Brennan]

Re: Changing CSS in Optic ReadyTheme

The add to cart button is on the PROD page, under the Product Display Layout Tab Group, towards the bottom of the code.

[IndustrialOdorControl]

Re: Changing CSS in Optic ReadyTheme

Thanks Brennan. Can you tell me then, what is the point of the code on the User Interface/Buttons where it is also assigned a class?

Also, do you know where I would look for things like the hover state for the menus and the category tree?

Again, many thanks for your help.

Andy

[Brennan]

Re: Changing CSS in Optic ReadyTheme

The buttons are not currently being used in that theme so they can be ignored. Sometimes we find it easier to include the button code on the page template itself.

The CSS for the category tree is located in: /css/structure.css

The hover states are the global hover states for a tags. Those are in: /css/typography.css