Joomla Templates Club 406,261 posts

[rkgroups Friend rkgroupsJoin date: April 2009Posts: 12Downloads:0Uploads:2 Thanks: 3]

#172771

I want to make full size header on teline iii v2, but i am not able to remove left side margin on the header. and i also want to put search bar on the header.Please Help !

---

Attachments:

1. 

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

#433792

<em>@rkgroups 294621 wrote:</em><blockquote>I want to make full size header on teline iii v2, but i am not able to remove left side margin on the header. and i also want to put search bar on the header.Please Help ! </blockquote>
To try to best assist you, please provide the url of 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. rkgroups

[rkgroups Friend rkgroupsJoin date: April 2009Posts: 12Downloads:0Uploads:2 Thanks: 3]

#433793

HI Tom, here is the code which i modify, plz let me know that how do i remove left side margin from header. Thanks

#ja-header { z-index: 10; position: relative; }

#ja-header .main { padding: 30px 0 10px; }

h1.logo, div.logo-text h1 {
font-size: 300%;
line-height: 1;
}

h1.logo, div.logo-text { float: left; }

/* Logo Image ---*/
h1.logo {
width: 980px;
height: 128px;
margin: 0;
}

h1.logo a {
width: 980px;
height: 128px;
display: block;
background: url(../images/logo.gif) no-repeat left;
}

h1.logo a span {
position: absolute;
top: -1000px;
}

---

Attachments:

1. 

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

#433794

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

[rkgroups Friend rkgroupsJoin date: April 2009Posts: 12Downloads:0Uploads:2 Thanks: 3]

#433795

Tom, I am working on wamp server install on my computer. ones it will complete i will upload it to my server. for now i have no link i still have to buy a domain for this site. 🙁

[rkgroups Friend rkgroupsJoin date: April 2009Posts: 12Downloads:0Uploads:2 Thanks: 3]

#433798

Hey Tom, I solved the problem I just add one more code in css file.

h1.logo a {
width: 980px;
margin-left: -15px;<<<<<<<<<<<<<<<<<<<<<<< i add this code in css file
height: 128px;
display: block;
background: url(../images/logo.gif) repeat-x center;
🙂

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

#433799

It’s difficult to be able to provide an accurate recommendation for your particular situation, but you could try to add a negative margin property to this line . . .

<blockquote>h1.logo a {
width: 980px;
height: 128px;
display: block;
background: url(../images/logo.gif) no-repeat left;
}</blockquote>

for example . . .

<blockquote>h1.logo a {
width: 980px;
height: 128px;
display: block;
background: url(../images/logo.gif) no-repeat left;
margin-left: -10px;
}</blockquote>

See if that works for you.

1 user says Thank You to TomC for this useful post

1. rkgroups

[Author]

Posts