Joomla Templates Club 406,261 posts

[tonyngo59 Friend tonyngo59Join date: August 2010Posts: 24Downloads:36Uploads:0]

#663011

Hi There,

I have custom.css file and it’s working. However, I would like to add and change the header with an image file that I loaded to /images/ directory.

my current custom.css – is not working

.logo-image img {
width: 280px;
height: 85px;
max-height: 280px;

}
#t3-header {
height: 400px;
margin-left: 0px 0 0;
background: url(“../images/Ellicann_banner_home.jpg”;) right !important;
width:100%;
margin-left: auto;
margin-right: auto;
}

Please help!

Best Regards,
Tony Ngo

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

#663067

Please check the url you provided for your site – doesn’t seem to be working

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

#746010

Please check the url you provided for your site – doesn’t seem to be working

[tonyngo59 Friend tonyngo59Join date: August 2010Posts: 24Downloads:36Uploads:0]

#663068

Hi there,

URL: http://ellicann.kimlongtrading.com/index.php/

Current custom.css
.logo-image img {
width: 1400px;
height: 400px;
max-height: 450px;
margin: 10px 0 0;
margin-left: -110px;

}
#t3-header {
height: 400px;
margin-left: 0px 0 0;

I would like to update it and change with smaller logo and header with image
Like this – but the code is not working for me.

.logo-image img {
width: 280px;
height: 85px;
max-height: 280px;

}
#t3-header {
height: 400px;
margin-left: 0px 0 0;

background: url(“../images/Ellicann_banner_home.jpg”;) right !important;

width:100%;

margin-left: auto;

margin-right: auto;

[tonyngo59 Friend tonyngo59Join date: August 2010Posts: 24Downloads:36Uploads:0]

#746011

Hi there,

URL: http://ellicann.kimlongtrading.com/index.php/

Current custom.css
.logo-image img {
width: 1400px;
height: 400px;
max-height: 450px;
margin: 10px 0 0;
margin-left: -110px;

}
#t3-header {
height: 400px;
margin-left: 0px 0 0;

I would like to update it and change with smaller logo and header with image
Like this – but the code is not working for me.

.logo-image img {
width: 280px;
height: 85px;
max-height: 280px;

}
#t3-header {
height: 400px;
margin-left: 0px 0 0;

background: url(“../images/Ellicann_banner_home.jpg”;) right !important;

width:100%;

margin-left: auto;

margin-right: auto;

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

#663071

So what is it, exactly, you’re wanting to accomplish?

You want the header image to be full width of the site/browser window?

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

#746014

So what is it, exactly, you’re wanting to accomplish?

You want the header image to be full width of the site/browser window?

[tonyngo59 Friend tonyngo59Join date: August 2010Posts: 24Downloads:36Uploads:0]

#663073

I would like to add a header background and take a full width of the header and the logo will visible on top of the new header background-image.
Thanks!

[tonyngo59 Friend tonyngo59Join date: August 2010Posts: 24Downloads:36Uploads:0]

#746016

I would like to add a header background and take a full width of the header and the logo will visible on top of the new header background-image.
Thanks!

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

#663076

<em>@tonyngo59 488196 wrote:</em><blockquote>I would like to add a header background and take a full width of the header and the logo will visible on top of the new header background-image.
Thanks!</blockquote>

Perhaps you can put together a screenshot mockup of exactly how you want it to look

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

#746019

<em>@tonyngo59 488196 wrote:</em><blockquote>I would like to add a header background and take a full width of the header and the logo will visible on top of the new header background-image.
Thanks!</blockquote>

Perhaps you can put together a screenshot mockup of exactly how you want it to look

[tonyngo59 Friend tonyngo59Join date: August 2010Posts: 24Downloads:36Uploads:0]

#663080

ATTACH=CONFIG]46531

My current home page using custom.css and the whole header is a ‘logo’ type. Just want to know how to add image to t3-header
and I am using Joomlart Social II template.

my code is not working
I would like to update it and change with smaller logo and header with image
Like this – but the code is not working for me.

.logo-image img {
width: 280px;
height: 85px;
max-height: 280px;

}
#t3-header {
height: 400px;
margin-left: 0px 0 0;

background: url(“../images/Ellicann_banner_home.jpg” right !important;

width:100%;

margin-left: auto;

margin-right: auto;

[tonyngo59 Friend tonyngo59Join date: August 2010Posts: 24Downloads:36Uploads:0]

#746023

ATTACH=CONFIG]46531

My current home page using custom.css and the whole header is a ‘logo’ type. Just want to know how to add image to t3-header
and I am using Joomlart Social II template.

my code is not working
I would like to update it and change with smaller logo and header with image
Like this – but the code is not working for me.

.logo-image img {
width: 280px;
height: 85px;
max-height: 280px;

}
#t3-header {
height: 400px;
margin-left: 0px 0 0;

background: url(“../images/Ellicann_banner_home.jpg” right !important;

width:100%;

margin-left: auto;

margin-right: auto;

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#663113

Hi Tony,

May I know which images you use for logo and background of header?

As I can see now that you’re using the same image for both of them: http://ellicann.kimlongtrading.com/images/Ellicann_banner_home.jpg

[tonyngo59 Friend tonyngo59Join date: August 2010Posts: 24Downloads:36Uploads:0]

#664715

Hi there,
You don’t understand my question. Currently on my site, I have one whole logo that take a whole header using this code
custom.css
Current custom.css
.logo-image img {
width: 1400px;
height: 400px;
max-height: 450px;
margin: 10px 0 0;
margin-left: -110px;

But my question is, I would like to use a separate smaller logo and the header space with an image. So how to do that. I created and added this to a current custom.css – but the header image is not showing up. Therefore I could not use it

.logo-image img {
width: 280px;
height: 85px;
max-height: 280px;

}
#t3-header {
height: 400px;
margin-left: 0px 0 0;

background: url(“../images/Ellicann_banner_home.jpg” right !important;

width:100%;

margin-left: auto;

margin-right: auto;

[Author]

Posts