Joomla Templates Club 406,261 posts

[powerfuldarkangel Friend powerfuldarkangelJoin date: June 2011Posts: 30Downloads:0Uploads:4 Thanks: 6 Thanked: 1 times in 1 posts]

#170166

I dont wanna modify the logo itself I wanna be able to place it in the middle of the top part… In other words I want my logo (which is a banner) to be centered at the top of the page…. I am adding a screenshot because right now I have been trying to twik the css but i am not achieving the desired effect… Right now it’s showing in the middle but its cutting off my banner… Parts of the left part of the banner are missing….

I want the whole banner to show in the center of the page at the top…. Sorry if im being redundant but I want to be understood.

Thanks,

NOTE: The second banner is only for ilustration purposes so that you guys can see what I need I put it there so that you guys can compare what is being hidden or missing with the first one….

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#422233

Hi

But your banner width is more than the template width ?

[powerfuldarkangel Friend powerfuldarkangelJoin date: June 2011Posts: 30Downloads:0Uploads:4 Thanks: 6 Thanked: 1 times in 1 posts]

#422237

The image’ size is h:200px w:1150px

this is part of my template.css

——————————————————— */
#ja-header .main {
padding-top: 20px;
padding-bottom: 30px;
}

#ja-header .main .main-inner1 { margin: 0 0px; }

/* Logo Image —*/
h1.logo { height: 200px; width: 1150px; }

h1.logo a {
background: url(../images/logo.png) no-repeat right top;
display: block;
height: 200px;
width: 1150px;
}

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#422239

Hi

Could you post a link to your page ?

Thanks

[powerfuldarkangel Friend powerfuldarkangelJoin date: June 2011Posts: 30Downloads:0Uploads:4 Thanks: 6 Thanked: 1 times in 1 posts]

#422242

http://www.circunscripcion1dnpld.com
I will PM u the login info

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#422244

Yes thanks

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#422246

Hi try to do this

in your /templates/ja_ironis/core/themes/blue/css/template.css around line 105 now you have

h1.logo a {
background-image: url("../images/logo.png");
}

change to

h1.logo a {
background-image: url("../images/logo.png");
margin-left: -100px;
}

then go to /templates/ja_ironis/css/template.css now you have

h1.logo a {
background: url("../images/logo.png") no-repeat scroll right top transparent;
display: block;
height: 200px;
width: 1000px; <------------------------- change to 1150 px
}

let me know if this solve

1 user says Thank You to pavit for this useful post

1. powerfuldarkangel

[powerfuldarkangel Friend powerfuldarkangelJoin date: June 2011Posts: 30Downloads:0Uploads:4 Thanks: 6 Thanked: 1 times in 1 posts]

#422248

YAY! That worked like a charm!
Thank you soooooo much! :):D

[Author]

Posts