Two Questions…

How do I do a “global” change of the “address” style to change the font colour from the blue to a green to match my colour scheme?

You can use CSS to change the colour of the address HTML element, like this:

address {
   color: #xxxxxx;
}

Change xxxxxx to whatever hex colour code you like. If it doesn’t “take” it may be that the CSS declaration needs to be more specific. I can’t access your site right now (“Service Temporarily Unavailable” error message) but if you need more help, let me know when your site’s back up and I can take another look.

also colour related..in the comments section where do I go to change the box colour of the “Post Comment” button from the blue to a green to match my theme colour scheme?

Again, let me know when your site’s back up and I’ll have a look.

Thanks for the info.

To have your new style apply to the address HTML element, you need to remove the period right at the beginning here:

.address {
color: #D7D7A5;
font-style:italic;
font-size:10px;
font-family:Georgia, "Times New Roman", Times, serif;
}

It should look like this, without the dot at the beginning:

address {
color: #D7D7A5;
font-style:italic;
font-size:10px;
font-family:Georgia, "Times New Roman", Times, serif;
}

The dot indicates that you’re creating a CSS class, but you’re not doing that here – instead, you’re modifying the CSS for an HTML element.

Let me know if this does the trick.

Now that your site is up, I see that you’ve edited the theme’s CSS file directly. What this means is that the next time there’s a Sidekick theme update and you update your site, all your changes will be overwritten.

I strongly suggest you use a CSS plugin instead of making your changes directly in the theme, and put your CSS tweaks there. That will avoid having all your hard work getting the site to look exactly how you like overwritten by a theme update.

An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS. You could also install a standalone custom CSS plugin instead.

can I just copy and paste the current Sidekick and Superhero CSS files into the custom CSS or do I have to write a new one?

Neither. 🙂

The only thing that goes into the Jetpack CSS Editor are the styles you want to override the existing ones.

(I see that there is a new “default” CSS in my sidekick editor, does that include all the changes?)

It sounds like you aren’t quite looking in the right place. You should be in Appearance > Edit CSS, and there shouldn’t be any default CSS there.

Make sure you’re not changing anything under Appearance > Editor, or you’ll end up modifying the original theme.)

Good luck. 🙂