Joomla Templates Club 406,261 posts

[tphmedia Friend tphmediaJoin date: July 2009Posts: 139Downloads:0Uploads:27 Thanks: 17 Thanked: 2 times in 1 posts]

#155650

HELP! Need to get the banner to center on a wide screen format. When displayed on a wide screen monitor the boxes do not stay the same size either!

NOTE: The image only shows the elements in question, not the problem. I do not have a wide screen monitor so I can’t snapshot it.

---

Attachments:

1. 

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#360342

You will notice some visual difference with different screen resolutions which apparently goes on for almost every site

Regarding banner, Can you please post the site link to take closer look

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#360355

Try change this::

div.banner-text {template.css (line 677)
background:url(“../images/text-banner-bg.jpg”) no-repeat scroll 0 0 transparent;
color:#FFFFFF;
font-family:Georga,”Times New Roman”,serif;
font-size:175%;
line-height:65px;
text-align:center;
}

to

div.banner-text {template.css (line 677)
background:url(“../images/text-banner-bg.jpg”) no-repeat scroll 0 0 transparent;
color:#FFFFFF;
font-family:Georga,”Times New Roman”,serif;
font-size:175%;
line-height:65px;
text-align:center;
margin:0 auto;
width:700px;
}

and adjust width value accordingly

[tphmedia Friend tphmediaJoin date: July 2009Posts: 139Downloads:0Uploads:27 Thanks: 17 Thanked: 2 times in 1 posts]

#360356

<em>@aman204 200257 wrote:</em><blockquote>Try change this::

div.banner-text {template.css (line 677)
background:url(“../images/text-banner-bg.jpg”) no-repeat scroll 0 0 transparent;
color:#FFFFFF;
font-family:Georga,”Times New Roman”,serif;
font-size:175%;
line-height:65px;
text-align:center;
}

to

div.banner-text {template.css (line 677)
background:url(“../images/text-banner-bg.jpg”) no-repeat scroll 0 0 transparent;
color:#FFFFFF;
font-family:Georga,”Times New Roman”,serif;
font-size:175%;
line-height:65px;
text-align:center;
margin:0 auto;
width:700px;
}

and adjust width value accordingly</blockquote>

I don’t want to change the width of the banner, I want the banner to stay centered on the screen….even if the screen width changes. Right now, it is positioned to the LEFT on wider screens.

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#360357

It appears left for me even though I have tried it with varied screen resolutions due to which I had suggested this property also to be added::

margin:0 auto;

which would allow it to be centered along with corresponding width property 🙂

[Author]

Posts