Customize Icon & Color of Site Name in Purity III Template

Customize Icon & Color of Site Name in Purity III Template
demosite1
You need a cool custom look for your site's logo, the images don't resize well, and sometimes, it just doesn't look right. No worries, there are some easy customizations that you can use to improve the look of your logo by using custom HTML and icons in the Purity III template.
 
First load up the Extensions>Templates>Purity III menu option. Select the Theme tab and set the logo type to Text.
 

 demosite2
Now you can put your site's name into the appropriate field. This field will accept HTML, so adding some SPAN tags, we can do some cool things here. 
Next we want to add an icon to the logo, you can choose any glyphicon or font awesome icon (purity iii already supports these icons).
We use the Font Awesome Joomla Icon, so we add this code to display it:
 
 <span class="fa fa-joomla"></span> DEMOSITE
 
demosite3
 
Next, our demo site needs some branding, since the site is Design's Edge, or DE, we are going to turn those letters orange. Simply use a SPAN Style comment wrapped around what you want to color (Even the icon itself)
 
<span class="fa fa-joomla"></span> <span style="color: orange;">DE</span>MOSITE
 
demosite4
 
Hope this helps you to customize your purity iii logo to be more appealing to your visitors and help you stand out! 
 
If you use the joomla tip I just gave, please give me a shout out in the comments and subscribe to our newsletter packed full of Joomla goodies!
Continue reading
0 Comments

Adjusting Padding on Purity III Position 0 (Above Content)

Adjusting Padding on Purity III Position 0 (Above Content)
Today I needed to reduce the padding of my current position 0 (above position 1 and content). It's set to 60 above and 60 below by default, which eats up a lot of real estate. Especially if  you just want to show an alert message, a banner or something similar. All you have to do is add this code to your /templates/purity_iii/css/custom.css fi...
Continue reading
0 Comments
Featured

Customizing the JCE Editor - Making it simpler!

Customizing the JCE Editor - Making it simpler!
The JCE editor for Joomla is simply amazing at all of the bells and whistles, but sometimes you need a simpler version. I will cover how to change your editor, add and customize buttons and improve your experience as a Joomla administrator. 
Continue reading
0 Comments

Joomla Tutorial: Purity III - Add Module Position & Change Default Layout

Continue reading
0 Comments

Style the Easy Social Toolbar - Custom CSS

Style the Easy Social Toolbar - Custom CSS

I have been using Easy Social since Stack Ideas released it. I even migrated from JomSocial to the EasySocial platform. One thing that has always bugged me is that the default toolbar is blue. Some sites (Like this one) and others just don't work well with that color. Facebook isn't everything. 

So with some help from the StackIdeas team, I was able to create my own custom CSS and override the default colors. Adding this code to your custom.css for your template will produce a nice black toolbar that should work with most any site. Feel free to change the hex colors to accomodate your own design.

toolbar es

Continue reading
0 Comments