1. **NEW ARRIVAL** Joomla based recruitment extension - JA JobBoard Component v1.0.6 — [Info] [Demo] [Download]


    *Release 8 more tutorial videos on developing with T3 Framework* — See them here!


    ***HOT*** July Responsive Joomla template - JA Playmag is here [Demo] [Download] [More info] [Blog Review]


    JM TravelGear - Responsive Magento theme for outdoor activities gear stores [Sneak Peek]

User Tag List

+ Reply to Thread
 
Page 1 of 2 1 2 LastLast
Results 1 to 10 of 15
  1. #1


    Join Date
    Nov 2011
    Posts
    27
    Points
    59.80
    Downloads
    5
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Help with background image

    I don't know if this is the correct forum. If not, please point me in the right direction. I don't think this is a difficult question, I just don't know where to look.

    I'm using JA-T3 template on Joomla 2.5.4 website. If you visit the test site at www.tnchess.jesusmylord.org, you will notice that around the header image, there is a brown background. I would like to put this background around the entire content area of the site. I don't want the background inside the content/menu areas.

    From what I can gather, I think this area is defined as #ja-container. If so, can I just add a background attribute to it? If this is not where I need to make changes, where would I go?

    Thanks for any assistance.

  2. #2
    Licensed Member
    JoomlaTemplate Club Member - Personal License - Renew 1 YearWall Builder Expired

    Join Date
    Oct 2010
    Location
    Queensland
    Posts
    1,001
    Points
    1,803.27
    Downloads
    2284
    Uploads
    0
    Mentioned
    14 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    140
    Thanked 197 Times in 159 Posts
    Hey Chris
    You need to edit the template.css file
    I use topstyle 4 as my css editor a free trial is good enough for what you need go here if you want it http://www.topstyle4.com/
    Using the find feature in topstyle or your edit of choice search for this . . . body#bd

    then follow the instructions below.

    body#bd {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;

    Change #FFFFFF to #170707 That is replace the hex code for white with the code for that particular dark brown

    Your best bet is to get make a small lighter brown textured graphic, then load that image as a url where the background :none is

    If you have major difficulties PM me I'll find a decent background, have you thought the JA Tiris white brickwork bkg can be applied to this site and being white would save changing text colours etc. the bkg could be grunged up a bit to look darker grey etc.

    Have a think on it
    Blessings Shane
    2014 - Lets hope it's an improvement on last year for all.

  3. The Following User Says Thank You to tfosnom For This Useful Post:

    JA Developer (05-01-2012)

  4. #3


    Join Date
    Nov 2011
    Posts
    27
    Points
    59.80
    Downloads
    5
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Thanks for your reply. I tried what you said but there was no color change in the background. Here is what is in my template.css file. The commented out parts are the original script.

    Code:
    body {
      color: #333;
      font-family: Helvetica, Arial, sans-serif;
    }
    
    /* body#bd {background: #333; color: #333; } */
    
    body#bd { 
       background: none repeat scroll 0 0 #170707;
       color: #000000;
    }

  5. #4
    Licensed Member Expired
    Joomla Developer Membership - 1 year ExpiredMagento Theme Club Member - Developer License Expired

    Join Date
    Mar 2007
    Posts
    12,567
    Points
    7,462.35
    Downloads
    128
    Uploads
    0
    Mentioned
    16 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    220
    Thanked 986 Times in 880 Posts
    Hi Chriso0258,

    I take a look at your header section here http://www.tnchess.jesusmylord.org/ and I am not much sure what is the brown background you mentioned, could you please attach e screenshot here ?

  6. #5


    Join Date
    Nov 2011
    Posts
    27
    Points
    59.80
    Downloads
    5
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I've attached the bkgrnd image I want to put in the template.

    bkgnd.png.

    I had used this image to make the header by turning it horizontally and then layering the "Tennessee Chess Association" image on top of it.

    What I would like to do is make this image the background of the template (outside the content/menu area). Hope this helps clarify things.

  7. #6
    Licensed Member Expired
    Joomla Developer Membership - 1 year ExpiredMagento Theme Club Member - Developer License Expired

    Join Date
    Mar 2007
    Posts
    12,567
    Points
    7,462.35
    Downloads
    128
    Uploads
    0
    Mentioned
    16 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    220
    Thanked 986 Times in 880 Posts
    Hi chriso,

    you can open the file templates/your_template/css/template.css file and add css similar to this :
    body#bd #ja-wrapper {
    background-image:"path-to-your-image";
    }
    i hope you got the idea.

  8. #7


    Join Date
    Nov 2011
    Posts
    27
    Points
    59.80
    Downloads
    5
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Thanks for the feed back. I tried your code but it didn't work. I tried this code:

    Code:
    body#bd #ja-wrapper {
    background: url("../images/bg_page.jpg");
    }
    but it ended up covering the whole site. Any other suggestions? I'll try just about anything.

  9. #8
    Licensed Member Expired
    Joomla Developer Membership - 1 year ExpiredMagento Theme Club Member - Developer License Expired

    Join Date
    Mar 2007
    Posts
    12,567
    Points
    7,462.35
    Downloads
    128
    Uploads
    0
    Mentioned
    16 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    220
    Thanked 986 Times in 880 Posts
    Hi chriso,

    you can try with this css
    HTML Code:
                       body.bd #ja-wrapper {
                          margin: 0 auto;
                          background: url("../images/bg_page.jpg");
                          width: 950px !important;
                        }
    I hope that code would work

  10. #9


    Join Date
    Nov 2011
    Posts
    27
    Points
    59.80
    Downloads
    5
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I think we are getting closer. It actually made the background behind the content change and the area outside the content remained the same. Here is an attachment of what it looks like. If we can get the background around the content instead of behind it...

    background.png

    BTW, I only have a 15" monitor at home so when I did the print screen, it doesn't show much around the edges.

  11. #10
    Licensed Member Expired
    Joomla Developer Membership - 1 year ExpiredMagento Theme Club Member - Developer License Expired

    Join Date
    Mar 2007
    Posts
    12,567
    Points
    7,462.35
    Downloads
    128
    Uploads
    0
    Mentioned
    16 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    220
    Thanked 986 Times in 880 Posts
    Hi chriso0258,

    You can try with this css
    HTML Code:
                        body.bd #ja-wrapper {
                          margin: 0 auto;
                          background: url("../images/bg_page.jpg");
                          width: 970px !important;
                        }
    and then you open the template.css file adding this css
    HTML Code:
                     .main{
                         background-color:#ffffff !important;
                    }
    I hope this help !

+ Reply to Thread
Page 1 of 2 1 2 LastLast

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts

Stop working on Weekend!X

If your Boss broke your Joomla template or extension and ask you to fix it today. Here is the immediate solution. Then leave your request on the right forum, we will be helping after the Weekend Happy hours
Our Happy Hours: Friday 18:00 - Monday 9:00

No working during happy hours. Keep calm and don't break anything.