change catergory name color

[Designinfo]

how to change the color of the category name

This is in the central column and can be seen in the attached image

i have also provided the console on the left

" WOMENWEAR" COLOUR HAS TO BE CHANGED FROM #fff to #000

Please help me by telling where to paste the necessary code.

also in which css folder precisely.

 

 

[razaro]

You can check that by yourself by disabling CCC for css in back office > advanced preferences > performance 

and clearing cache. Then you will see it is category.css.

 

 

 

 

P.S. Please do not  double or triple post same topic.

[Designinfo]

I disabled CCC for css in back office

In category.scss 

i changed 

color: $light-text-color

to

color: $dark-text-color

 

RESULT - THE CATEGORY NAME COMPLETELY DISAPPEARED

 

SO I UNDID IT

 

color: $dark-text-color

to

color: $light-text-color

 

RESULT - YET THE CATEGORY NAME IS COMPLETELY DISAPPEARED

 

What mistake did I do.

How should i do it correctly?

Please see the ATTACHMENT

 

APOLOGIES FOR REPEATING THE SAME POST IN DIFFERENT PLACES.

 

Edited May 17, 2015 by info99 (see edit history)

[razaro]

Not sure why sass folder and files are there, could be version from github.

Usually I think they remove that from release versions.

 

Any way edit file in css folder category.css

[Paulito]

Hello

 

as razaro has said, and assuming you are using default theme then you need to find this code around line 17 in category.css

 

  .content_scene_cat .content_scene_cat_bg {

        padding: 10px 10px 10px 15px; } }

  .content_scene_cat span.category-name {

    font: 600 42px/51px "Open Sans", sans-serif;

    color: #fff;                             (change this to: #000)

    margin-bottom: 12px; }

 

Result:

http://screencast.com/t/x8xreJnX

 

PS. their is no need to PM me to get help, you will always find it on the forum if you wait a little.

 

@razaro,

I have also found that if you use Chrome developer tools that you get scss but if you click on it it will take you to the correct css line, this is a bit confusing if you are not aware that this happens. I do not know if this is how it should work or wether it is a problem with Chrome.

 

Paul

[Designinfo]

Thank you Razaro and Paulito ( Very well explained )

 

I HAVE ONE MORE ISSUE

 

I Want to increase the distance between the products , Padding or distance increasing whatever it is called perfectly for the following page which is attached.

 

PLEASE SOLVE THIS ALSO GUIDING ME WHICH CSS FOLDER TO MAKE THE CHANGES.

 

 

Edited May 17, 2015 by info99 (see edit history)

[Designinfo]

Adding to the above post . I want to increase the distance between 

 

"colour trends and magazines" //// &///// "sportswear and knitwear"

Edited May 17, 2015 by razaro
Think you Caps Lock is stucked (see edit history)

[razaro]

@Paulito 

 

Yes noticed that too, Firefox have it too and have right click to show css file line.

Think it is because sass and map files in theme.