+ Post New Thread
Results 1 to 5 of 5
EduGeek Joomla 1.5 Package Thread, Editing backround colour in Projects:; I need a little help editing the backround colour onmy Joomla Site, the staff want it a bit more child ...
  1. #1
    pooley's Avatar
    Join Date
    Sep 2005
    Location
    S Wales
    Posts
    1,157
    Thank Post
    81
    Thanked 127 Times in 106 Posts
    Rep Power
    68

    Editing backround colour

    I need a little help editing the backround colour onmy Joomla Site, the staff want it a bit more child friendly (Janet & John).

    I have edited the default template css to show our new colour, but it doesnt chnage the colour of the individual Modules on the main page, i.e. Newsletter module etc.

    I am very new to this css malarky so any help appreciated.

    Si

  2. #2
    mossj's Avatar
    Join Date
    Dec 2008
    Location
    Leicester
    Posts
    1,466
    Thank Post
    157
    Thanked 189 Times in 174 Posts
    Rep Power
    52
    I beleive you should be able to change most of the color using CSS...

    If you have IE8, press F12 and use the "click element" (box with mouse cursor in it)function.

    Then you can click on the box and figure out what it's class/id elements are.



    I also think the upper portion of the box is a image (stored in the templates folder) so you will have to change that accordingly.

  3. #3
    mossj's Avatar
    Join Date
    Dec 2008
    Location
    Leicester
    Posts
    1,466
    Thank Post
    157
    Thanked 189 Times in 174 Posts
    Rep Power
    52
    Okay done it for you

    Addition in Red


    For left boxes
    suffix.css (line 187)
    Code:
    .columnkiri .moduletable {
    background-image:url(../images/modultrans.gif);
    background-repeat:repeat-x;
    background-color: #FFFFFF;
    border:1px solid #DDDDDD;
    padding:5px;
    }
    For right boxes
    suffix.css (line 206)
    Code:
    .columnkanan .moduletable {
    background-image:url(../images/modultrans.gif);
    background-repeat:repeat-x;
    background-color: #FFFFFF;
    border:1px solid #DDDDDD;
    padding:5px;
    }


    Also images/moduletrans.gif is the image you may need to change.
    Last edited by mossj; 26th January 2010 at 12:40 PM.

  4. #4
    pooley's Avatar
    Join Date
    Sep 2005
    Location
    S Wales
    Posts
    1,157
    Thank Post
    81
    Thanked 127 Times in 106 Posts
    Rep Power
    68
    Thanks,

    that changes the border etc, I have tried IE8 and F12 but cant pinpoint what I need changed.

    See attached pic, it shows where the modules do not pickup the default backround colour.

    Cheers

    Si
    Attached Thumbnails Attached Thumbnails Editing backround colour-image.png  

  5. #5
    mossj's Avatar
    Join Date
    Dec 2008
    Location
    Leicester
    Posts
    1,466
    Thank Post
    157
    Thanked 189 Times in 174 Posts
    Rep Power
    52
    Thats the background image,

    ../images/modultrans.gif
    So go up one directory, then into the images folder (relative to where the css is stored). You should find modultrans.gif in there which you need to edit.

    Alternativly, remove the line "background-image:url(../images/modultrans.gif);"

SHARE:
+ Post New Thread

Similar Threads

  1. Colour Scanning Pen: Colour Picker
    By DaveP in forum IT News
    Replies: 0
    Last Post: 25th January 2010, 08:05 PM
  2. Editing HTML
    By garethedmondson in forum EduGeek Joomla 1.5 Package
    Replies: 3
    Last Post: 28th April 2009, 11:53 PM
  3. What do you use for video editing
    By tmcd35 in forum How do you do....it?
    Replies: 16
    Last Post: 20th November 2008, 06:47 PM
  4. Editing a Bootable CD
    By flashsnaps in forum Windows
    Replies: 2
    Last Post: 30th October 2008, 05:26 PM
  5. Registry Editing
    By Neville in forum Windows
    Replies: 5
    Last Post: 7th May 2008, 02:46 PM

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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