Thread: @import css file

Hey , been trying to change mny header image and theme colour for ages - I know simple css and that I need to edit my css file - however it says

Import Stylesheets
-----------------------------------------------------------*/
@import url("stylesheets/master.css");

where the css file is normally - how do you @ import the style sheet so I can edit it ?pls

I cant find any normal answers online . --

thanks if you can help that would be v awesome

@import includes another stylesheet within the current one and adds extra rules from the external stylesheet to those already defined. It's a good way of splitting up the styles into different sections if you have a large CSS file, though I must admit I'm not sure why it's been used in your theme.

HTML Code:

@import url('/css/typography.css');
@import url('/css/layout.css');
@import url('/css/color.css');

Good writeup here.

The stylesheet you want to edit is here

Code:

http://digitalartempire.com/wp-content/themes/titan/stylesheets/master.css

thanks meloncholy - that confirmed what i had in mind -
one more thing - 2 actually


can I alter all the different elements from the master css file?

how do I save teh changes I made to the CSS file (i dont want to use a child theme)
and I now realise this isnt possiblei f - bug ... so how do I save ?

ur v helpful -

ben

Yes, you can change any of the styles applied through master.css. Your theme includes style.css, which in turn includes master.css (via the import statement), so all of those styling rules can be used or altered as you want.

To alter master.css, download a copy of the file, change the rules as you want and then upload it back to your server by FTP, replacing the original one. (Probably good to keep a backup just in case.) Then refresh the page and admire your handiwork.

And happy to help.