Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

Getting started, need some tips


  #1  
Old Oct 29, 2009, 07:21 PM
GeneStarwind09
 
11 posts · Oct 2009
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!
  #2  
Old Oct 30, 2009, 09:46 AM
GeneStarwind09
 
11 posts · Oct 2009
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.
  #3  
Old Oct 31, 2009, 05:13 AM
GeneStarwind09
 
11 posts · Oct 2009
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.

Thanks.
  #4  
Old Oct 31, 2009, 05:21 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
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
Attached Thumbnails
Click image for larger version

Name:	881616shadow.png
Views:	469
Size:	570 Bytes
ID:	293  

Last edited by Flynn; Oct 31, 2009 at 08:22 AM. Reason: scoll -> scRoll
  #5  
Old Oct 31, 2009, 05:56 AM
GeneStarwind09
 
11 posts · Oct 2009
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".

Cheers.
  #6  
Old Oct 31, 2009, 08:28 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
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 {
...
}

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
pt_BR Translation started Frei Languages & Translations 4 Jun 4, 2009 05:29 PM
Where to find all the threads I started Jerry Forum How-To 2 Apr 11, 2009 11:19 PM


All times are GMT -6. The time now is 01:31 AM.


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