Joomla Templates Club 406,261 posts

[brovazzz Friend brovazzzJoin date: December 2010Posts: 23Downloads:0Uploads:0 Thanks: 18]

#171852

Hi guys

1) Need your professinal assistance. I’m trying to make header as you can see on this website http://www.tijd.be. Actually I’m trying to redesign Telline III so it looks like that website I already mentioned. If you check website you can see that it has header as wide as the screen is, I want the same effect. Where do I do that? I need to be able also put banner above it too…

2) I was able to change background color of date but couldn’t do it for “features, members, twitter, more info”. I’d like to remove too. Where do I delete the lines?

3) Tryied to search in the forum where can I redesign menu (color, text etc) just give a tip, don’t want to an annoying one.

Guys, really looking for you advices.

Will click thank buttons ))

P.S. I use Telline III

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#429837

Can you provide the url to the site you’re working on – as well as set “Optimize CSS” to “No” within your Template Manager–General Settings ??

1 user says Thank You to TomC for this useful post

1. brovazzz

[brovazzz Friend brovazzzJoin date: December 2010Posts: 23Downloads:0Uploads:0 Thanks: 18]

#429940

Thanks Tom for your quick reply.

Here it is: http://www.mykavkaz.com

Currently I busy with wikiguide, but still can’t understand where and what do I need change to make changes… Hope to find answers here.
Will wait for your reply.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#429993

Here is a suggestion to try . . .

Open your template.css file (within path /templates/ja_teline_iii/css/template/css)

Starting at line 792, you should see the following . . .


/* HEADER
--------------------------------------------------------- */
#ja-header {
z-index: 10;
position: relative;
color: #002850;
}



Try modifying it as such . . .

/* HEADER
--------------------------------------------------------- */
#ja-header {
overflow:visible;
width: 2000px
z-index: 10;
position: relative;
color: #002850;
}

[FONT=arial]You may need to add a background color parameter to see if it actually displays correctly
(as your background is completely white at the moment.

SAVE CHANGES . . . CLEAR CACHE . . . REFRESH PAGE

Let me know if that works

[/FONT]

1 user says Thank You to TomC for this useful post

1. brovazzz

[brovazzz Friend brovazzzJoin date: December 2010Posts: 23Downloads:0Uploads:0 Thanks: 18]

#430079

Hi Tom

It helped to color header into blue color but header shifted to the right… check website to see the result.

I wanted also to ask if it’s necessary to set “optimize css” to “no”?

Thanks for your help 😉

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#430121

<em>@brovazzz 289711 wrote:</em><blockquote>
I wanted also to ask if it’s necessary to set “optimize css” to “no”?

Thanks for your help ;)</blockquote>
You’re very welcome !!!

No, it is not necessary to set Optimize CSS to “No” for normal site operations . . . . however, it is helpful to temporarily set it to “No” when using a web development tool like [URL=http://www.joomlart.com/forums/topic/using-firebug-to-customize-your-site/”FIREBUG” link above and give some thought to utilizing this very helpful tool – it really can save you a lot of time and headache in trying to figure certain things out. 🙂

All the best with your continuing site development.

1 user says Thank You to TomC for this useful post

1. brovazzz

[brovazzz Friend brovazzzJoin date: December 2010Posts: 23Downloads:0Uploads:0 Thanks: 18]

#430166

Hi Tom

Would you please check my website I mentioned above. As I said it helped to color header but whole header moved to the right… something wrong there and I don’t know how to make this right :(( See website then you’ll see what I mean…

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#430168

<em>@brovazzz 289824 wrote:</em><blockquote>Hi Tom

Would you please check my website I mentioned above. As I said it helped to color header but whole header moved to the right… something wrong there and I don’t know how to make this right :(( See website then you’ll see what I mean…</blockquote>

Try changing the width to 1600px, as follows . . .

/* HEADER
--------------------------------------------------------- */
#ja-header {
overflow:visible;
width: 1600px
z-index: 10;
position: relative;
color: #002850;
}
[FONT=arial]

Let me know if that resolves the issue.[/FONT]

1 user says Thank You to TomC for this useful post

1. brovazzz

[brovazzz Friend brovazzzJoin date: December 2010Posts: 23Downloads:0Uploads:0 Thanks: 18]

#430222

Hi Tom

You know, when I changed it to 1600 px it was good with my screen resolution (1600×900), but when I change the screen resolution to 1780 x 720 then the page did the same, it showed moved logo. But then I did this, I changed it to width:100; and tryied all resolution and it is ok, header always in the middle 😉
What do you think?

How can get rid off right and left border lines of header?

Thanks 🙂

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#430289

<em>@brovazzz 289899 wrote:</em><blockquote>
How can get rid off right and left border lines of header?

Thanks :)</blockquote>
Going to need you to do the “set optimize css to no” thing again – temporarily

1 user says Thank You to TomC for this useful post

1. brovazzz

[brovazzz Friend brovazzzJoin date: December 2010Posts: 23Downloads:0Uploads:0 Thanks: 18]

#430358

Ok, done. Waiting for your response 🙂

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#430393

<em>@brovazzz 290055 wrote:</em><blockquote>Ok, done. Waiting for your response :)</blockquote>

The culprit this time is a border within template.css – line 710

.main {
background: #fff;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}

The problem is that the JA Developers created this property to extend the full height of the site – including overlapping the header.

Here’s a work-around , . .

1. First of all, remove both “border” properties from the above noted CSS rule.

2. A little bit further down (I’m not exactly certain which line), find the following CSS rule:


#ja-container .main {
background: none repeat scroll 0 0 #FFFFFF;
}


modify it as such . . .


#ja-container .main {
background: none repeat scroll 0 0 #FFFFFF;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;


This should provide you with the borders around the main content/container of your site, but remove them from the header.

Hope that helps

1 user says Thank You to TomC for this useful post

1. brovazzz

[brovazzz Friend brovazzzJoin date: December 2010Posts: 23Downloads:0Uploads:0 Thanks: 18]

#430411

Thanks a lot Tom. It helped and I’m going to continue to experiment with t3-blank template 🙂 If there will be questions I’ll be here to search the forum for a solution 😉

[Author]

Posts