Blog

How to Control Image Size in WordPress using CSS

It often happens that a picture is wider than the range is displayed in the Content. Especially if you have several authors who are not so experienced in WordPress.

In order to embed large images but to avoid destroying of the layout, simply add following lines of CSS in the styles.css file.

Control Image Size in WordPress using CSS

.Post area { img max-width: 400px; height: auto;}

How to Add Content Boxes to a Artisteer WordPress Theme

While working on many wordpress themes, powered by Artisteer, people asked me how to add content boxes to a Artisteer WordPress Theme.
There are many WordPress Plugins available, which enable you to add different color boxes to make your post content stand out. I have also seen many other premium wordpress themes using Shortcodes, which isn’t necessary for adding color boxes to make your core theme heavy loaded with lot code when it’s easily doable by using css and html code.

I hope Artisteer will enable one day for user’s to generate color content boxes in their software directly, but let’s see how easily we can implement it into Artisteer WordPress Theme by using few lines of html and adding CSS to our Theme Style Sheet.

contentboxesintoartisteerwordpresswebsite

Here is how we will write html code into our WordPress post/page editor, make sure you click HTML button on the right top of the editor to write the code in HTML tab.

Implementing the Content Boxes to a Artisteer WordPress Theme

bdn-box-green”>

This is Heading.

Your Content goes here… Lorem aest sodales vulputate. Suspendisse aliquam, ante convallis mattis luctus neque

Add CSS to your Artisteer Theme Style Sheet

Following CSS is used in one of my clients project to add colored Boxes, you should adjust it according to your needs to Add Content Boxes to your website requirements.

.bdn-box-green,
.bdn-box-grey,
.bdn-box-darkgrey,
.bdn-box-purple,
.bdn-box-pink,
.bdn-box-skyblue,
.bdn-box-naviblue,
.bdn-box-red,
.bdn-box-orange,
.bdn-box-brown
{
margin: 0 0 25px;
overflow: hidden;
padding: 20px;
}
.bdn-box-green h2,
.bdn-box-grey h2,
.bdn-box-purple h2,
.bdn-box-pink h2,
.bdn-box-skyblue h2,
.bdn-box-naviblue h2,
.bdn-box-red h2,
.bdn-box-orange h2,
.bdn-box-brown h2
{
color:#000;
font-size: 14px;
line-height: 1.4;
}

.bdn-box-darkgrey h2
{
color:#fff;
font-size: 14px;
line-height: 1.4;
}

.bdn-box-green {
background-color: #79ad27;
border: 1px solid #181f29;
color:#FFF;
}

.bdn-box-grey {
background-color:#d8d8d8;
border: 1px solid #181f29;
color:#000;
width:50%;
float:left;
margin-right:10px;

}

.bdn-box-darkgrey {
background-color:#373737;
border: 1px solid #d8d8d8;
color:#fff;
width:30%;
float:left;
margin-left:10px;
}

.bdn-box-purple {
background-color:#8e40bb;
border: 1px solid #181f29;
color:#FFF;
}

.bdn-box-pink {
background-color:#bf34a0;
border: 1px solid #181f29;
color:#FFF;
}

.bdn-box-skyblue {
background-color:#00b3f1;
border: 1px solid #181f29;
color:#000;
}

.bdn-box-naviblue {
background-color:#567ab3;
border: 1px solid #181f29;
color:#FFF;
}

.bdn-box-red {
background-color:#ae3d3e;
border: 1px solid #181f29;
color:#FFF;
}

.bdn-box-orange {
background-color:#ee8f4b;
border: 1px solid #181f29;
color:#FFF;
}

.bdn-box-brown {
background-color:#9f4801;
border: 1px solid #181f29;
color:#FFF;
}

So you see how easy it is to implement different Content boxes into your post, I hope you like the approach and show us how you implement it in your themes.

PowerPoint Templates for Professional Presentations

A Picture Is Worth a Thousand Words, saying that if you want to impress your idea / product / project or anything, you need to use PowerPoint Templates for Professional Presentations to express your theme.

I ran through several locations when some marketer came and start telling me about his new product and he continually describing his products pros without noticing that audience is not listening with that much interest. but when someone came with the professional presentation, all focused remains on his product as people seeing in pictures what he is describing in words.

To make your presentation more professional feel, you should use clean PowerPoint templates for professional presentations, where presentation is not over burden with images on the PowerPoint template instead of actual product you are working on.

PowerPoint Templates for Professional Presentations

I am sharing three PowerPoint Templates to make your Presentations looks more Professional, each template contains 1 master background and two internal slide layouts.

Power Point Templates

Each template uses professional looking color and layout for the master background, and internal slides have two styles to choose from for describing your product.

While sharing these PowerPoint templates, i can remember i give my last presentation using PowerPoint about seven months ago… how much time ago you used PowerPoint templates to present a product.?

waiting for your comments. enjoy little share.

Facebook Business Card Template

Facebook Business Card

Show your identity in Facebook style by using Facebook Business Card Template.

Today i am going to share Facebook Business Card Template in Photoshop PSD format, you can easily edit its content to match it to your profile/business, In PSD you will notice QR Code used, to know how to generate QR Code, please read my following article regarding Facebook Timeline Cover Template in PSD format, where i describe in detail how to generate QR Code and use it in your PSD File. All other text is editable and uses Lucida Grande Font(download from here).

Photoshop Template for Facebook Business Card is ready for print and in CMYK Colors. Photoshop file holds Bleed lines so you can know from where it will be cut in final print. let’s just have a look at Facebook business card template.

Facebook Business Card

People might ask why Facebook Business Card, well Almost everybody Loves Facebook

It’s not just an assumption, figures says that, almost 53% people on the internet daily log on to Facebook and that figure will raise to 70% till 2014. i hope we don’t become slaves to the Facebook, and needed some official letter (Just like the one Abraham Lincoln President of the United States write in 1863.

And by virtue of the power and for the purpose aforesaid, I do order and declare that “ALL PERSONS HELD AS SLAVES” within said designated states and parts of states ARE, AND HENCEFORWARD SHALL BE FREE!

Well time will tell, if Some Abraham Lincoln born to give us our freedom back from Facebook Slavery, but let’s continue our love with Facebook, till we find our friends and family members on it, talking to us, sharing good moments with us.
Just Grab the Facebook Business Card Template as free PSD (Photoshop format), and edit it’s content to get an identity of your business just like Facebook Style.

Free Graphic Design Portfolio Website Template

Graphic Design Template

Free Graphic Design Portfolio Website Template is for a modern Graphic Designer. The Template is a clean premium web template designed for those who wants to represent there services and portfolio online. Graphic Design Portfolio Website Template contains 9 valid XHTML & CSS pages, with working Secure Contact Form using jQuery and PHP.