Hi-
I am modifying my first child theme and having issues modifying the css files that are not the main style.css file. I've created the child style.css just fine but there are a lot of css files for different parts of the website. I'm using the Premium RealHomes theme and trying to change the size of the home page slider to a set 450 px.
I used firebug to locate the CSS file which is in a Jquery Slider file called JS. I added the height css that I wanted to a file named the same thing- flexslider.css and added this to my child theme folder. However the site is still importing the parent theme data.
I don't know if I'm using the wrong @import tag. I've tried:
@import url('..realhomes/flexslider.css');
and
@import url('..realhomes/js/flexslider/flexslider.css');
and I've tried using the !important in the child flexslider.css file.
Is this a problem with my @import tag or another issue? Any help would be much appreciated.