Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)
-   -   Getting started, need some tips (http://forum.bytesforall.com/showthread.php?t=4127)

GeneStarwind09 Oct 29, 2009 08:21 PM

Getting started, need some tips
Hello people,

First of all, I'm loving the theme. It's been great to use and I've had relatively little difficulty with it. I plan to make a donation but it's nearly 1.30AM and I have a lecture first thing in the morning, so I ought to make this quick!

The site is www.outlawstar.co.uk which is a site dedicated to a particular anime series. I tried to follow a certain colour theme, specifically that of the spaceship in the series called the Outlaw Star. It's primarily red, with some blue and gold.


I've still got an awful lot to configure, but even with the nice header image the colours look (in my opinion) extremely garish and generally unappealing. Is there no way to add Web 2.0-style gradients or stripe effects to the theme? Any suggestions are welcome to help me create a nice theme as it's not really my forte.

Other than general suggestions, I'd also like to know how to make the overall width of the page be that of the banner image, so there is no gap between each end of the banner and the end of the page.

Any help much appreciated. Thanks! :)

GeneStarwind09 Oct 30, 2009 10:46 AM

I have just made a donation of 3.04. I know it isn't much, but it might be enough to buy you a beer. I can't donate a lot as my student loan isn't much to survive on, but this is just a small way of saying thanks for such an awesome theme.

GeneStarwind09 Oct 31, 2009 06:13 AM

Alright, sorry to triple post, but perhaps I'd be more likely to get a response if I was clearer about the help I need:
  • How do I restrict the page's width to that of the site's banner?
  • Do you have any suggestions as far as detailing the different areas go?
  • In addition, is there perhaps a way to add a background which fits the size of the page, but is only visible under the sidebars or other areas?

Not sure what other kind of help I need since I was generally just looking for a couple of pointers. Web programming is something I've never done before so I'm pretty useless with that. Also, if these questions can be answered in help documentations, please tell me which.


Flynn Oct 31, 2009 06:21 AM

1 Attachment(s)
You can configure the layout width at "Style & Configure LAYOUT" -> "Layout WIDTH and type (FLUID or FIXED)"

To add gradients or other images, create them in a graphics program and set them as (static or repeating) background image, through a CSS Insert: "Add HTML/CSS Inserts" -> "CSS Inserts"

Shadow for top border of middle column:

HTML Code:

td#middle {
background: #881616 url(/wp-content/themes/atahualpa342/images/881616shadow.png) repeat-x scroll left top;

Download attached 881616shadow.png and upload to /wp-content/themes/atahualpa342/images on your web hosting account

GeneStarwind09 Oct 31, 2009 06:56 AM

Thanks a lot for your help! Can't believe I didn't find the fixed/fluid length settings myself...

Sorry to bother you, but I've tried following the steps for the gradient and they do not seem to work. I go to "Add HTML/CSS Inserts", then scroll down to "CSS Inserts" at the bottom of the page. I pasted the code provided and clicked "Save changes" but it doesn't seem to have worked. And yes, I did upload the image via FTP to the right directory. For future reference could you also tell me how I'd modify the code to work on the sidebars, etc. I'm guessing it involves changing "middle".


Flynn Oct 31, 2009 09:28 AM

Sorry I had a typo in that code, scoll should have been scroll

To find the right selector names such as "td#middle" you can either look for the corresponding text area in the theme options, e.g.

Style & configure SIDEBARS -> LEFT sidebar style

and put the CSS code there, or, to use a CSS Insert, use Firefox & Firebug http://getfirebug.com/ to see what the selector name is of the area that you want to style, and put the code into the CSS Inserts text area

td#left {

All times are GMT -6. The time now is 05:09 AM.

Powered by vBulletin® Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.