Customize The Appearance of Atahualpa 3.4.4 Blog
It is already quite a long time that I do not update post in Atahualpa 3.4.4 configuration post series. It is because I am kindly busy in my working and also that other things seems more interesting than do some Atahualpa 3.4.4 configuration change. Now, Atahualpa configuration change seems become interesting. I find that I should optimize this blog appearance for better first impression of new coming readers. So, here I am to share Atahualpa 3.4.4 configuration change that produces the current appearance of this blog. I hope it can help Atahualpa 3.4.4 users to have better blog look.
You can check other Atahualpa 3.4.4 Configuration post series articles before learn how to have killer appearance when use Atahualpa 3.4.4 as your WordPress Theme. Yeah – you will find that in this part 3 article.
Ok, here we go.
Customize Appearance of Atahualpa 3.4.4.
Bloggers surely need to customize the default WordPress theme which use in our blog. It is to have better blog looks which is really important to give great first impression for blog new readers. And thanks God that I use Atahualpa 3.4.4 as this Online Knowledge blog theme. Atahualpa 3.4.4 allow me to do appearance customization easily trough “Atahualpa Theme Option” facility. Please find step by step how I build the current appearance of this blog in below.
Atahualpa Theme Option
- Login to “Site Admin” area
- Click “Appearance”
- Click “Atahualpa Theme Option”
Add Blue Bar in Bottom of Header Area
- Go to “Header Area”
- Click “Style & edit HEADER AREA”
- Replace code in “Configure Header Area” part with code below:
%logo %pages %image %cats %bar1
- Replace codes in “Horizontal Bar 1: Styling” part with codes below:
height : 10px;
background: #3333FF;
- Click “Save Changes” button to apply the setting. The blue bar already added in bottom of Header area.
Add Black Border on Post Area
- Go to “Center Column”
- Click “Style & edit CENTER COLOUMN”
- Replace the codes in “Center column style” part with codes below:
border: solid 2px #000000;
padding: 10px 15px;
Click “Save Changes” button to apply the settings. Post area already have black border on it.
Add Black Border and Color on SideBars Area
- Go to “Sidebars & Widgets”
- Click “Style & configure SIDEBARS”
- Replace codes in “RIGHT sidebar style” part with codes below:
border: solid 2px #000000;
padding: 7px 7px 7px 7px;
background: #CCFFCC;
- Replace codes in “RIGHT INNER sidebar style” part with codes below:
border-top: solid 2px #000000;
border-bottom: solid 2px #000000;
padding: 7px 7px 7px 7px;
background: #FFFFCC;
Click “Save Changes” button to apply the settings. The Sidebar area already have black border and color on it. Each sidebars have different color.
Add Style on Widgets Area
- Go to “Sidebars & Widgets”
- Click “Style WIDGETS”
- Replace codes in “Widget Container” part with code below:
border: solid 1px #000000;
margin: 0px 0px 15px 0px;
background: #FF9933;
-moz-border-radius: 5px;
-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
-khtml-border-radius: 5px;
-khtml-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
-webkit-border-radius: 5px;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
border-radius: 5px;
box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
- Insert the codes below in “Widget Title Box”:
border-bottom: solid 1px #000000;
background : #CC0033;
- Replace codes in “Widget Title” part with codes below:
margin: 2px;
color: #FFFFFF;
font-size: 1.6em;
font-weight: bold;
- Settings all of three “Widget List Items” part like below:
Click “Save Changes” button to apply the settings. Great style already added on widgets area.
Changes The Size of Sidebars
- Go to “Sidebars & Widgets”
- Click “Style & configure SIDEBARS”
- Insert 280 as value in “RIGHT sidebar WIDTH” part
- Insert 180 as value in “RIGHT INNER sidebar WIDTH” part
- Click “Save Changes” button to apply settings. The sidebars already optimize for better size.
That’s all update this time, wait for next update!
P.S: How do you think new look of this blog? Share your thoughts in comment form.
Other Great Articles:
- Atahualpa 3.4.4 Configuration
- Atahualpa 3.4.4 Configuration Part 4
- Atahualpa 3.4.4 Configuration Part 2
- Atahualpa 3.4.4 Configuration Part 5
- Welcome My New Theme: Atahualpa 3.4.4
- This Blog Officially is in Atahualpa 3.4.5 Now
- Google Adsense Plugin For Atahualpa WordPress Theme
- Yes, This Blog is Having BuySellAds.com (BSA) Advertising Space Now
- Theme and Designs in Start A Proper Blog Like A Pro
- Pick the Blog Theme
Hi Dana. I personally prefer your gray-ish old theme. This Atahualpa seems too wide, it is 1366px wide on my monitor (1366). But it’s just my personal opinion
Thanks for opinion.
I can change the wide so atahualpa can look perfect. I will be working in it soon.
I feel same goes to Isaac. This theme is too wide. Change the width to make it perfect
It is wide but it’s dynamic. I think it’s fine the way it is since it’s still easily viewable even on a 800×600 res.
yeah, atahualpa is dynamic theme indeed. Yeah — i also think that the wide is fine but i will do some trial to find the perfect wide size.
Yeap, it is wide. I still try to find the best size for it.
thanks mr dana.. i’ve tried this in my blog
you’re welcome atics.
You’ve done a great job with your theme Dana. Congrats
Thanks friend.
Nice one, I am sure will be helpful to guys looking for this as it is very much detailed.
Yeah, i hope it help someone out there.
This theme suits your blog. It is wide, but the width is not static (which is good) cos when you try to minimize a bit your browser, you still have the sidebars without scrolling.
Yeah, that’s what i like from atahualpa. It is dynamic.
[...] Atahualpa 3.4.4 configuration part 3 On LetUpdate [...]
Every detailed guide, this can help universal audiences like me without good understanding of code and PHP
[...] Atahualpa 3.4.4 Configuration Part 3 [...]