Location of CSS

[IndustrialOdorControl]

I am trying to figure out how to increase the size of the font on the product attribute options. You can see it here:

http://www.industrialodorcontrol.com...ation-kit.html

When I use firebug to inspect the code it seems to indicate that this can be changed in the css.php on line 1035. I'm having trouble getting to this and am wondering what I'm doing wrong.

Thanks in advance for any pointers.

[Matt Zimmermann]

I would recommend adding the font size you would like them to be in the pages.css file within the "product attributes" section. You could either increase the label and select size by using the existing call outs or create a new one just for the labels.

[IndustrialOdorControl]

Hi Matt. I'm confused by what "You could either increase the label and select size by using the existing call outs or create a new one just for the labels." It doesn't say "MiniMivite" under my profile for nothing!

Thank you so much.

[Matt Zimmermann]

You would need to access the pages.css file on your server and download it for editing. Within that file, you will find a section of code referenced as "product attributes"; this is where you would make the edits. If you are unfamiliar with editing CSS files or would like assistance in doing so, I would recommend contacting professional services [email protected]

[IndustrialOdorControl]

Thanks Matt. I got it.

[lesliekirk]

You would need to access the pages.css file on your server and download it for editing.

I would recommend that you create a custom.css file to add the new CSS to. This way you won't have to edit any of the core CSS files.

[Bruce - PhosphorMedia]

Personally, I recommend doing the following:
Locate the css.php file on your server.
Open that file in a text editor.
Towards the bottom of that file, look for:

    $files_to_cache = array(
        'normalize.css',
        'base.css',
        'scaffolding.css',
        'typography.css',
        'buttons.css',
        'fonts.css',
        'forms.css',
        'tables.css',
        'colors.css',
        'slider.css',
        'magnific-popup.css',
        'helpers.css',
        'structure.css',
        'pages.css',
        'theme.css',
        'print.css'
    );

and add your custom file to it:

    $files_to_cache = array(
        'normalize.css',
        'base.css',
        'scaffolding.css',
        'typography.css',
        'buttons.css',
        'fonts.css',
        'forms.css',
        'tables.css',
        'colors.css',
        'slider.css',
        'magnific-popup.css',
        'helpers.css',
        'structure.css',
        'pages.css',
        'theme.css',
        'print.css'.
        'custom.css'
    );

Then upload the custom.css file to the same place as the css.php and other files.

This eliminates the need for browsers to make a separate call to your custom file and also compresses the file before delivering it.