Joomla

Sohail

Sohail

Active Member
Messages
3,055
Reaction score
0
Points
36
Hi, i have a site - http://sohailtech.com/joomla and you might be able to see that i'm having a few problems with it... If you goto http://sohailtech.com then you'll understand how i'm trying to put a similar background onto Joomla to match the site theme, If you look at Joomla you'll notice that there's this piece missing... The link to that piece can be found below :-

http://sohailtech.com/joomla/templates/dirtylicious/images/middle.jpg

The problem is that i've just created the middle.jpg but i don't know how to fit it in. I am willing to pay credits to whoever can do this for me. PM me if you are interested and i can give you admin access to Joomla plus FTP information to get into the site's files.

Please help as i really need to fix this...
 
leafypiggy

leafypiggy

Manager of Pens and Office Supplies
Staff member
Messages
3,819
Reaction score
163
Points
63
It looks like there is a problem with the css. THe "middle.jpg" is not repeating enough.
 
C

Calipe

New Member
Messages
151
Reaction score
0
Points
0
This can be done easily. You did the background wrong though. The "outer-container" div's background is also set up wrong. I can show you how to do it properly if you let me.
Look I just edited your template in FireBug, this what you need to change in your template_css.css:
From this:

.outer-container {
background:transparent url(../images/container.jpg) no-repeat scroll center bottom;
padding-bottom:64px;
}

To this:
outer-container{
background: url(../images/middle.jpg) repeat-y top center;
}

Change the padding to 0px;

You also need to add an extra <div> at the bottom to show your bottom background image.

I called it:

bottom-container{
background:url(../images/container.jpg) no-repeat top center;
}

this <div> goes in your html file after <div id="outer-container">
 
Last edited:
medphoenix

medphoenix

New Member
Messages
354
Reaction score
0
Points
0
OR Do like this...(ADDING ONLY NO NEED TO DELETE ANYTHING)

under your template (Dirtylicious) folder find index.php and edit as bellow. you only need to add
HTML: 
<div class="mid-container">

HTML: 
<body >

<div class="outer-container">
<!--This one you need to add--> <div class="mid-container"> 

<div class="inner-container">

    <div class="header">

then open the template_css.css.......and add these following codes

Code: 
 .mid-container{
background: url(../images/middle.jpg) repeat center bottom;
padding-bottom: 164px;
}
 
C

Calipe

New Member
Messages
151
Reaction score
0
Points
0
medphoenix said:
OR Do like this...(ADDING ONLY NO NEED TO DELETE ANYTHING)

under your template (Dirtylicious) folder find index.php and edit as bellow. you only need to add
HTML: 
<div class="mid-container">
HTML: 
<body >

<div class="outer-container">
<!--This one you need to add--> <div class="mid-container"> 

<div class="inner-container">

    <div class="header">
then open the template_css.css.......and add these following codes

Code: 
 .mid-container{
background: url(../images/middle.jpg) repeat center bottom;
padding-bottom: 164px;
}
Click to expand...
That works too. Whichever way you want.
 
Sohail

Sohail

Active Member
Messages
3,055
Reaction score
0
Points
36
Thanks a load :). I have given you guys rep and i will try this out now and let you know how it goes...
Edit:
No, i doesn't seem to be working. You can go to http://tutorials.sohailtech.com/ and you'll see what's wrong. I am willing to pay credits if someone can fix this for me...
Edit:
Could someone please reply quick as i really need this to be fixed soon.
 
Last edited:
S

satbir

New Member
Messages
547
Reaction score
1
Points
0
Some how it is coming for me.

Please try to clear cache and reload. Try Ctrl+f5.
 
Sohail

Sohail

Active Member
Messages
3,055
Reaction score
0
Points
36
Yeah Calipe fixed it for me so all the credit goes to him :). Thread closed.
Edit:
Whoops, i don't know how to close a thread xD!!!
NOTE TO MODS: You can close this thread for me thanks :).
 
Last edited:
You must log in or register to reply here.
Top