Activating Custom CSS

timtecsa

I have changed the body text color to #333333 to make it darker but no change appears. What am I missing?

body {
  font-family: "Metropolis", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.72;
  color: #333333;
  background-color: #fcfcfc;
}

Ninja

timtecsa
Hi
The custom css is working on your site : http://prntscr.com/mofu39
There are different style used for Each ACM and P tag in body , that you need to apply a different code,
either via Theme Magic tool or using custom.css file.

Example : http://prntscr.com/mofuga , http://prntscr.com/mofuip

Regards

timtecsa

Thanks pankaj. I'm having a similar problem trying to reduce the space between CASE STUDIES and LETS WORK TOGETHER modules.
Any ideas ?

Ninja

timtecsa
Hi
Add this code in custom.css file and reduce the values as per needs.

.t3-section {
    padding-bottom: 40px;
    padding-top: 40px;
}

This work for all module on homepage section position to add equal space.

Regards

timtecsa

Thanks Pankaj,
I still see lots of space above and below the client logos at bottom of page.
http://composesites.com/space-cdcs/en/

aman204

timtecsa Hi

Kindly check now. Ref: Screenshot. There was an extra column [blank] added in specific module which was taking up extra space below henceforth removed to get it right as envisaged

Kindly ensure to clear your browser cache if changes dont reflect.

timtecsa

This is what puzzles me. How many .t3-section are there?

Ninja

timtecsa
Hi
In your screenshot the css is commented in custom.css file so the override code in not working.
you can remove the commenting and it will work.
t3-section class is defined in core and you can override it via custom.css file
If there is any issue kindly post screenshot of the problem and illustrate the changes inside it.