Loading...
 
Skip to main content

Themes

Forum List Topic List

 
Thread actions
Print this page
  • Print all pages

    • How do I change the main background image? Boreal

    Posted by emily

    Help! Can anyone help me! I am trying to change the main background image of the Boreal Theme. I have uploaded the image I want into the gallery and so have the source code.

    I am completely new to web development and I am really struggling with some of the terminology so if anyone can tell me how to change the background in laymen's terms then I would be eternally grateful!

    Emily

    Reads: 3483
    Posted by Gary Cunningham-Lee

    Boreal's style sheet (a cascading style sheets file which contains the color and other style information for the Boreal theme) is located in the styles subdirectory of your Tiki installation. This location is also written like "styles/boreal.css" with the slash indicating a lower directory (folder) level. The second line of boreal.css file is currently

    background-image: url(boreal/bg.jpg);

    To change the background image, edit what's in the parentheses of that line to the url of your new background image, relative to the location of boreal.css (probably something like "../show_image.php?id=331" (the initial two dots are important, as they say to go up in the directory hierarchy) if the image is in a gallery, or use the full url (more properly called the absolute url), such as "http://www.example.com/show_image.php?id=331". (I've never used a Tiki image gallery url in a stylesheet, but assume it will work ok.) See http://www.ibdhost.com/help/path/Question for more info about how to indicate the url, if necessary.

    If you're using a Tiki 2 release, you will need to download boreal.css to your local computer with an ftp program, edit it as I indicated, and then upload it again to its original location. (Tiki does have an on-site css editing feature, but it's not working in TikiWiki 2.0, 2.1, or 2.2 as far as I know.)

    Good luck and post again if you have any problems with this.

    -- Gary

    Posted by emily

    Hi Gary

    Thank you very very much! I have managed to upload the new background but the image we have has a page fold down the middle, we are trying to create a site that looks like a newspaper spread. Is there anyway that you can align the background image and position it where you want? The fold is in the wrong place, or is it a matter of redesigning the background image. If so, what are the correct dimesions?

    Thank you again, I really appreciate your help 😊

    Emily


    Posted by Gary Cunningham-Lee

    The background image can be positioned. See http://www.w3schools.com/css/css_background.aspQuestion for more information and an online editor to try things out. It's hard to say specifically because a lot depends on the dimensions of the image, what content appears on top of it and what its dimensions are, and so on.

    ThisQuestion is a Tiki site that I did the theme for, based on the site's existing concept (a book) and graphics. But it's kind of a complicated thing to do, especially if you want to handle all of Tiki's display options, have it flexibly expand to accomodate large images, etc.

    -- Gary


    Posted by Lisa11

    Before reading your article I don't have any idea about this . Thank's for giving me knowledge about a new thing.

    Lisa11

    Cash SurveysQuestion


    Posted by emily

    Thank you so much for your quick responses and your excellent advice, I am no longer about to throw a tin of soup at my computer screen!

    Emily