Joomla Templates Club 406,261 posts

[tulio Friend tulioJoin date: May 2008Posts: 123Downloads:0Uploads:29 Thanks: 14]

#177668

HI there,

– I would like to insert a space between the header and main menu. How to do this?

– Also to place and image background in the top menu.

Please check image attached.

Thanks,

Tulio

---

Attachments:

1. 

[tulio Friend tulioJoin date: May 2008Posts: 123Downloads:0Uploads:29 Thanks: 14]

#455417

sorry forgot. http://www.sobeb.com

Tulio

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#455976

Hi tulio,

if you want to insert a space between the header and main menu you can open the file of templates/ja_zeolite_ii/css/template.css search for this css

#ja-header .main {
background: url(“../images/header-bg.gif”) no-repeat scroll 0 0 transparent;
height: 150px;
min-height: 150px;
}

you can increase the height value there to get a space display as you wished
To add an image background to the footer area you also open the file templates/ja_zeolite_ii/css/template.css looking for the css
<blockquote>
#ja-footer .main {
background: none repeat scroll 0 0 #1A0501
border-top: 3px solid #04A504
color: #666666
padding: 15px 0;
position: relative;
}
</blockquote>

Adding a background image here so change it to
<blockquote>
#ja-footer .main {
background: url(“../images/your-image-name”) no-repeat scroll 0 0 #1A0501
background: none repeat scroll 0 0 #1A0501
border-top: 3px solid #04A504
color: #666666
padding: 15px 0;
position: relative;
}
</blockquote>

I hope you got the ideal and it help !

[newwebsi Friend newwebsiJoin date: November 2011Posts: 40Downloads:0Uploads:6 Thanks: 2]

#456088

is it possible to add a background repeating image to ja kranos template i want it to look like this background
http://www.reliableroofers.net/ i have the image already .

here is the site im working on http://reliableroofingmd.com/
thanks
Kyle:-[

---

Attachments:

1. 

[tulio Friend tulioJoin date: May 2008Posts: 123Downloads:0Uploads:29 Thanks: 14]

#456089

Hi Sherlock, thanks for your reply.

There should be something wrong. Please check it.

Thanks,

Tulio

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#456195

<em>@newwebsi 323650 wrote:</em><blockquote>is it possible to add a background repeating image to ja kranos template i want it to look like this background
http://www.reliableroofers.net/ i have the image already .

here is the site im working on http://reliableroofingmd.com/
thanks
Kyle:-[</blockquote>

you can open the file of templates/your_template/css/template.css looking for this css

#ja-container {
position: relative;
z-index: 5;
}

there you can add a background-image attribute as you wished.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#456196

<em>@tulio 323651 wrote:</em><blockquote>Hi Sherlock, thanks for your reply.

There should be something wrong. Please check it.

Thanks,

Tulio</blockquote>

Can you explain to me what is wrong ?

[tulio Friend tulioJoin date: May 2008Posts: 123Downloads:0Uploads:29 Thanks: 14]

#456290

Hi Sherlock,

Is not showing the image in the background of the top menu as it is in the main menu.

Thanks,

Tulio

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#456311

<em>@tulio 323881 wrote:</em><blockquote>Hi Sherlock,

Is not showing the image in the background of the top menu as it is in the main menu.

Thanks,

Tulio</blockquote>

I am not sure what’s different between top menu and main menu here,what is the top menu and what’s main menu ? can you explain ?

[tulio Friend tulioJoin date: May 2008Posts: 123Downloads:0Uploads:29 Thanks: 14]

#456490

HI Sherlock, thanks for your reply.
The menu at the footer, just what I want is to place an image background as it is in the menu at the top (main menu).
Thanks,

Tulio

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#456551

do you want something like this

Note: If you Find my Post useful please click on the Thanks Icon

---

Attachments:

1. 

[tulio Friend tulioJoin date: May 2008Posts: 123Downloads:0Uploads:29 Thanks: 14]

#456555

Hi Chavan yes, but gold border in all around. I can do the border inside the image if this help.

Thanks,

Tulio

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#456559

Go to this Folder: http://www.sobeb.com/templates/ja_zeolite_ii/images/

Create an image with the name footer.jpg and upload there. Everything will be fine.

please let me know if you need any further change

Note: If you Find my Post useful please click on the Thanks Icon

[tulio Friend tulioJoin date: May 2008Posts: 123Downloads:0Uploads:29 Thanks: 14]

#456568

Hi Chavan, thanks excellent.

Only left to place the menu words in the middle or a little down. I couldn’t find where to add the space to drop them down a little so they don’t touch the border.

Thanks,

Tulio

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#456571

Go to this css: http://www.sobeb.com/templates/ja_zeolite_ii/css/template.css

Replace this whole code

#ja-footer .main { background: url(“../images/footer.jpg”) no-repeat scroll 0 0 ; height:50px; background: none repeat scroll 0 0 #1A0501 border-top: 3px solid #04A504 color: #666666 padding: 15px 0; position: relative; }

With

#ja-footer .main { background: url("../images/footer.jpg") no-repeat scroll 0 0 ; height:50px; border-top: 3px solid #04A504 color: #666666 padding: 6px 0 0 0; position: relative; }
Note: If you Find my Post useful please click on the Thanks Icon

[Author]

Posts