Question i want my forum to match my website

www.urbantacticalgearreview.com

i want my forum (currently blue and white) to match the rest of my website. what do i need to edit to make it do so?

Read Changing Template and its Colours - the Basics in the Wiki.

holy mother of god that's a lot of work. any chance you guys are going to make a graphic interface color changing option next edition?

K 1.6 will include a new CSS editing feature but, even so, users will still need to have a basic knowledge of CSS in order to operate it.

There are hobbyist and enthusiasts who have turned Kunena template design into an art-form, some might even say business. You are welcome to browse the User Contributions » Templates and Design category for something that might suit your purposes ... or you might offer an incentive for someone to design a template that's tailored to your website.

You need to understand that templates designed for K 1.5.x are, in the main, restricted to a specific sub-version. That is, templates designed for K 1.5.8 will not work for K 1.5.7; they may not even work in K 1.5.9. K 1.5.x templates will not work at all in the next major release [K 1.6] of Kunena, however, in the next major release templates should operate irrespective of that series' sub-versions.

okay. so i got started on it today. it's coming along well i think. i have a coding question though.

for example:
background: #8CABC8 url(images/cat_title_head_bg.gif) repeat-x top left;

The image I want to replace it with is in:
public/templates/template_name/images/style5/name_of_file.gif

is that how i would reword the (images/cat_title_head_bg.gif) section?

Some of the template's colours are generated by the coded values (e.g. #8CABC8 that yields a reddish hue) and some are generated by images that reside in the template directory's /image subfolder. See where do I find the category images? .

The syntax

background: #8CABC8 url(images/cat_title_head_bg.gif) repeat-x top left;

basically says, "use the image 'cat_title_head_bg.gif', that's located in the subfolder 'images' of whatever folder this CSS file is located in, repeat the pattern horizontally starting at the top left of the container element, but if you can't find that image use a reddish hue instead." If you want to use a different image, located in a different folder, you need to define its complete location, a location relative to the CSS file, or replace the existing definition (say) with a new file. Without knowing the root structure of you website, it's hard to know what "public/templates/template_name/images/style5/name_of_file.gif" means. If you can access this file from a web browser, then use the same address (including the "http://") in your CSS.