Public Forums 71,145 posts

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#910966

Hi
Do u mean you want to add the image behind the header ? or something else ?
Kindly provide a screenshot so i can give you some guidance for the same .

[coupeborgward Friend coupeborgwardJoin date: January 2016Posts: 5Downloads:3Uploads:0 Thanks: 1]

#911001

Thanks for responding so fast

http://www.chaca.com.au/

Please browse to the URL above. Basically all green parts in the header I would like to be able to have an image. So menu sits on top of an image

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#911004

To apply background image on site Add below code in custom.css file
Path : templates/Your JA Templates/css/custom.css file create custom.css file if its not present

Chnage image path with your image path .
.t3-mainnav { background: url("/images/joomlart.jpg");}

1 user says Thank You to Pankaj Sharma for this useful post

1. coupeborgward

[coupeborgward Friend coupeborgwardJoin date: January 2016Posts: 5Downloads:3Uploads:0 Thanks: 1]

#911073

thank you will try this weekend

[coupeborgward Friend coupeborgwardJoin date: January 2016Posts: 5Downloads:3Uploads:0 Thanks: 1]

#911150

I have one more question 🙂

I like to make my menu (the green bit) double as thick.

I tried .t3-mainnav { margin-bottom: 550px;} but that didn’t work. Any suggestion ?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#911170

Hi
Which issue you are talking ? Kindly provide issue details so i can help you .

[coupeborgward Friend coupeborgwardJoin date: January 2016Posts: 5Downloads:3Uploads:0 Thanks: 1]

#911174

Your first suggestion with the image in the background worked great. Now I would like to have the green navigation bit thicker so that it is as high as the icon on the left. So bottom of the green navigation line should align with the bottom of the image in the left corner.

I hope this makes sense now >

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#911183

Hi
I suggest you to use Inspect element tool from Google chrome or Firebug from Firefox browser to check the style class and then override them via custom.css file .
Example : http://prntscr.com/aplx65

[coupeborgward Friend coupeborgwardJoin date: January 2016Posts: 5Downloads:3Uploads:0 Thanks: 1]

#911184

thank you for the advise. That will fix it.

[Author]

Posts