Joomla Templates Club 406,261 posts

[courtrecoveryoffice Friend courtrecoveryofficeJoin date: December 2008Posts: 5Downloads:0Uploads:1 Thanks: 2]

#181735

I’m looking to move the entire site down about a 100 px to work with a background I designed. My question is, what classes and or ids
do I need to edit to make sure everything shifts together. I was hoping everything would be in a contained but noticed #ja-topbar is absolutely positioned, .ja-header-r uses margins from the top of the page, .logo uses margins, and there are different divs for clearing white space, the magazine menu bar I’m not sure about what classes are involved in that… So if you can tell me which files if other then template.css and what classes and ids to edit it would help. I keep poking around but I haven’t found everything yet.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#471213

Post a link to your site and I will be able to take a look for you. Please make sure that css optimization is disabled in the template manager so I can give you the exact css to adjust.

[courtrecoveryoffice Friend courtrecoveryofficeJoin date: December 2008Posts: 5Downloads:0Uploads:1 Thanks: 2]

#471215

The site is not live yet… I attached a screen shot. As can be scene the menu still needs to be aligned, and I’m not sure if the rest of the page below will be pushed down or not after that. Some of that might have to do with the divs. Just look at the demo for teline IV for 2.5. I installed that sample on WAMP and am modifying it somewhat. Just trying to get my barrings with what is what. =)

---

Attachments:

1. 

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#471217

Try adding.

#ja-header {
padding-top: 100px;
position: relative;
z-index: 10;

}

and

#ja-topbar {
height: 26px;
padding-top: 100px;
position: absolute;
top: 0;
z-index: 11;

}

[courtrecoveryoffice Friend courtrecoveryofficeJoin date: December 2008Posts: 5Downloads:0Uploads:1 Thanks: 2]

#471219

Yep that seems to work. Ok so everything is contain in the header except the top bar. Thanks! 🙂

[courtrecoveryoffice Friend courtrecoveryofficeJoin date: December 2008Posts: 5Downloads:0Uploads:1 Thanks: 2]

#471220

So. editing template.css only works for the home page. When you navigate away from home by either change the style of the pro news module or clicking on any link it goes back to the default positioning. I’m guessing editing the template.css for each themes will fix the menu item bit. What about the pro news? Where are the style sheets for that stored?

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#471245

Make sure you clear all your caches such as the JAT3 cache etc. The themes do not contain the above css so that will not be the problem you are seeing.

1 user says Thank You to Phill for this useful post

1. courtrecoveryoffice

[courtrecoveryoffice Friend courtrecoveryofficeJoin date: December 2008Posts: 5Downloads:0Uploads:1 Thanks: 2]

#471265

OK, that was the problem the JAT3 cache. Didn’t think about that. =)

[Author]

Posts