Custom CSS – Feature Friday!






You have the know-how and the gumption to bring your guild site to a whole new level.  Whirling within your designer mind is the code to tweak and touch-up and customize beyond even the power of the Advanced Customization options.

That’s right.  You know CSS.

But how to implement this fantastic knowledge?  How to navigate through the winding pathways of power to put your powers to use in real life (in the world)?

Don’t worry.  Slater will guide you.

Where To Go

The first step to editing the CSS of your site is to head to your Admin menu.  There is a handy dandy option on the ‘Site Style’ tab to ‘Edit CSS’, where you can either directly upload a .css file or enter the code into our CSS editor.

What To Do

From the menu pictured above, you can modify the CSS directly on your site.  For instance, if you’d like to change the color of the text on your Navigation Bar, you can do so with the following snippet of code:

.guildNav a {

color: #000000;

}

The code to change anything will generally follow those guidelines.  If you’re just starting out with CSS, I suggest going here and checking out a few tutorials!

Once you’ve entered the code you want in the text field, just ‘Submit’ and the code will go live on your site!

Is That All I Can Do?

While CSS can be used to make minor tweaks, you can also use it to make some fantastic changes to your guild site beyond what even our Advanced Customization menu can offer.  A skilled CSS person can put out something like, say, the Dark Order of Caine website – one of the many sites in our network that has used the Custom CSS Editor to do some amazing things.

This is a basic rundown of CSS Editing on Guild Launch.  Much like our Ask Slater Tuesday posts, if you have something you’d like to see, let me know!  Send me an email at support@guildlaunch.com or send me a tweet – I’m @GL_Slater on the Twitter.

This entry was posted in Feature Friday, Features and tagged , , , , . Bookmark the permalink.
Post comment as twitter logo facebook logo
Sort: Newest | Oldest