Atahualpa 3.4.4 Configuration Part 4

Atahualpa 3.4.4 Blog Layout Width Customizing

Some blog readers said that this blog width too wide. Even I think that the width is good enough but the readers is king, right? So, I try to find how I can optimize the layout blog and make the layout more perfect. After do some trial and error in my blog lab, I find that I can re-size the width and even improve the looks of this blog easily trough Atahualpa Theme Option. Yeah –I find that Atahualpa 3.4.4 WordPress Theme really great in customize the layout. I always find the easy way to fulfill my layout customizing needs.

And do not forget to read others Atahualpa 3.4.4 configuration post series:

• Atahualpa 3.4.4 Configuration Part 1
• Atahualpa 3.4.4 Configuration Part 2
• Atahualpa 3.4.4 Configuration Part 3

Okay, here my way to have the current lay out:

Change Background Color

• Login to “Site Admin” area

• Click “Appearance”

• Click “Atahualpa Theme Option”

• Go to “Overall Style & Config.”

• Click “Body, Text & Links”

• Replace code in “Body Style” code form with code below:

padding-top: 25px; padding-bottom: 25px;
font-family: tahoma, arial, sans-serif;
font-size: 0.8em;
color: #000000;
background: #CCCCCC;

Above code will add padding (margin) in both top and bottom layout with 25 px. You always can change the value with your needs. Above code also change background color be gray (#CCCCCC).

• Click “Save Changes” button to apply the setting.

Change Layout Width and Container Style

• Still in “Overall Style & Config.”

• Click “Style & configure LAYOUT”

• Change value of “Layout WIDTH and type (FLUID or FIXED)” be 95% to create margin in both right and left layout.

• Replace code in “Layout Container Style” with code below:

border: solid 2px #cccccc;
background: #ffffff;
-moz-border-radius:10px;
-khtml-border-radius: 10px;
-webkit-border-radius:10px;
border-radius: 10px;

Above code will create round up affect in blog layout except bottom (footer) area. We need to do some configuration in footer area so round up take affect in all blog area layout. And above code also change background color of container (blog area) as white (#ffffff).

• Click “Save Changes” button to apply the setting.

• Go to “Footer”

• Click “Style & edit FOOTER”

• Replace code in “Footer Style” with below code:

text-align: center;
color: #777777;
font-size: 95%;

Above code make footer area follow container (blog area) layout style which is round up style.

• Click “Save Changes” button to apply the setting.

Conclusion

It is so easy to change width of blog in Atahualpa 3.4.4 WordPress Theme. It is only needed some easy fill, click, and save work and we already have some good difference in blog width. I share here how easy I do blog width resizing in this blogging update blog. And you always can customize it base on your needs as long as you understand the idea. I hope this article can enrich your Atahualpa 3.4.4 blog.




That’s all update this time, wait for next update!

Author: dana (101)

Dana is the founder of LetUpdate dot Com , a blog where he share much about blogging, and little about internet and IT. Yup, You will find many knowledge sharing about blogging here, and also knowledge sharing about Internet and IT sometimes. You can subscribe the LetUpdate dot Com Feed or twitter @danalingga to be updated.

Other Great Articles:

1. Atahualpa 3.4.4 Configuration
2. Atahualpa 3.4.4 configuration part 3
3. Atahualpa 3.4.4 Configuration Part 5
4. Atahualpa 3.4.4 Configuration Part 2
5. Welcome My New Theme: Atahualpa 3.4.4
6. This Blog Officially is in Atahualpa 3.4.5 Now
7. Google Adsense Plugin For Atahualpa WordPress Theme
8. Yes, This Blog is Having BuySellAds.com (BSA) Advertising Space Now
9. Theme and Designs in Start A Proper Blog Like A Pro
10. ShoutMix as Guest Book