Joomla Templates Club 406,261 posts

[webaheadinternet Friend webaheadinternetJoin date: July 2012Posts: 55Downloads:0Uploads:4 Thanks: 21 Thanked: 2 times in 1 posts]

#185120

A customer I am doing a site for, for some reason wants a carbon fibre background image behind the text, dont ask why lol,

I have done this for him but the carbon fibre has now gone across the navigation and header aswel. The domain name is:

http://webaheadinternetcms.co.uk/darlington

If anyone can help to change the navigation and banner back but leave the image behind the text that would be great.

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#484052

It’s a really good idea to set in ‘template manager’ optimise css to ‘no’ when asking for assistance so that someone can find the relevant css file. (So can you too using Google Chrome developer tools!!)

There are two places you’ll need to add some extra code into the css – but as its compressed I can’t tell you where!

#ja-header .main {

• background-color: transparent;
• padding: 0;

}

needs to change to

#ja-header .main {

• background: none;
• padding: 0;

}

and

#ja-mainnav .main {

• background-color: #252628

}
change to

#ja-mainnav .main {

• background: none;

}

That’s of course if I understood what you are trying to achieve!!

1 user says Thank You to swissa for this useful post

1. webaheadinternet

[webaheadinternet Friend webaheadinternetJoin date: July 2012Posts: 55Downloads:0Uploads:4 Thanks: 21 Thanked: 2 times in 1 posts]

#484053

cheers, I have changed the optimise CSS to no on the template manager now, I will take a look at the parts you have pointed out and try them out, cheers

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#484054

<em>@webaheadinternet 361018 wrote:</em><blockquote>cheers, I have changed the optimise CSS to no on the template manager now, I will take a look at the parts you have pointed out and try them out, cheers</blockquote>

Gerne

If you want to tie it together so that all the text (inc menü) has the fake carbon background ignore the last part of the post and change in /ja_orisite/css/template.css code in line 1035

#ja-mainnav {

• background: none; < change to this

}

1 user says Thank You to swissa for this useful post

1. webaheadinternet

[webaheadinternet Friend webaheadinternetJoin date: July 2012Posts: 55Downloads:0Uploads:4 Thanks: 21 Thanked: 2 times in 1 posts]

#484055

no, I dont want the menu or header to have it, only the content on the article, also is google developer tools better than firebug for finding exact css scripts?

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#484056

<em>@webaheadinternet 361020 wrote:</em><blockquote> is google developer tools better than firebug for finding exact css scripts?</blockquote>

To my mind, YES! But it’s a personal preference I think. 🙂

I like it because it is easy to use and it has a selection of user agents so that you see how the site looks on various devices or with various browsers.

Good luck with the site!

1 user says Thank You to swissa for this useful post

1. webaheadinternet

[webaheadinternet Friend webaheadinternetJoin date: July 2012Posts: 55Downloads:0Uploads:4 Thanks: 21 Thanked: 2 times in 1 posts]

#484148

cheers for the help, that has worked spot on, its just a shame he wants carbon lol

[Author]

Posts