Changing the CSS

This topic has 6 replies, 2 voices, and was last updated 11 years ago by Wes.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
April 24, 2013 at 10:11 am #4160
Dave
Customer
Is there a recommended way to handle changes to the CSS?

For example if I make a lot of changes to the main style.css and you release an update what happens then?

I’m not really used to making direct changes to the theme files, so excuse me if these are novice questions..

Basically … is there a way I can create an additional CSS file that will overide the main one where I can put all the needed changes?

Some of these include…

Changing the logo area size (think I seen the post for this)

Changing the colour of the portfolio buttons (I can use chrome inspector to help with this)

Adding a background image to just the slider widget area that is also responsive ie fills the entire slider background and the size adjusts depending on the device/browser size… not quite there with this one so if you can help?

Thanks!

Dave
April 24, 2013 at 3:00 pm #4179
Wes
Moderator
I’ve asked this same question and different people have different opinions on this. But I think you should separate it by either placing it at the bottom of your css in a “Custom” section, or you could create a new style sheet and link to it from the style.css file. A lot of people just edit their child themes, but that would make it difficult to upgrade if there are a ton of css changes (which doesn’t happen that often). You could take a look at this site to compare differences in code – http://www.diffchecker.com/

I just did a Google search and came across this post –
http://www.wp-code.com/wordpress-snippets/wordpress-grandchildren-themes/ …does that sound like something you’d be interested in doing?
April 24, 2013 at 4:52 pm #4210
Dave
Customer
The Grandchild Theme concept sounds great. I understand what it’s doing but I’m lost at the point where he mentions ‘action being fired’ and the rest about functions isn’t in my understanding… messing with CSS and basic html is about my limit at present,

Thanks for the diff checker, that could definitely be useful at somepoint…

Adding to the bottom of the CSS file in a custom section sounds easiest option..

I can change the background of the slider widget area by uploading a background image via the theme option, however this becomes a site wide background.

Any idea what CSS I need to use to just place a background image on the home page?

Cheers!
April 24, 2013 at 5:00 pm #4211
Wes
Moderator
Any idea what CSS I need to use to just place a background image on the home page?

Just for the homepage, you can add something like this –

`.home #wrap {
background: url(images/your-image.jpg);
}`
April 25, 2013 at 8:02 am #4244
Dave
Customer
Tried the background change, but it changes the background in all the grey areas on the home page, not just the slider section

Is there a way to change just the slider widget background?
April 25, 2013 at 8:15 am #4246
Dave
Customer
ok tried this

.home #slider { background: url(images/your-image.jpg); }

seems to work, except had to change this also

#head-wrap {

margin: 0 0 0px;

}

to stop a big grey line appearing below the header… now the slider content is too far up.. could do with it being 20px lower

Any ideas?
April 25, 2013 at 1:30 pm #4255
Wes
Moderator
I would need a link so I can take a look at it.
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.