how to edit the headings CSS styles used in Intro (module)

**GK User** Thu Jul 09, 2015 8:17 am Reply with quote Report this post

Hi there,

I already change the sizes and colors of the headings of the intro module using the CSS override function. However, now the headings looks a little bit messy in tablets and mobile. What code could I use in the CSS override to change the headings text sizes and positions for mobiles and tablet CSSs?

Thanks in advance.

**GK User** Sat Jul 11, 2015 6:25 am Reply with quote Report this post

1. Could you please post an url to your site?
2. Only mobile and tablets?

**GK User** Mon Jul 13, 2015 1:22 am Reply with quote Report this post

Hi Cyberek,

Thanks for your answer.
1. I am sending you a link as a PM.
2. Just for Tablets and Mobiles. For desktops I already make some changes in the original CSS and is looking ok.

Thank you!

**GK User** Mon Jul 13, 2015 11:31 am Reply with quote Report this post

Editing original css files is not the best idea available. It is better to use override.css for such changes - during update of template it would be the only file that would need backup and replace.
You can also use media-queries inside override.css to create stylings for specific devices width:
https://css-tricks.com/css-media-queries/