Hello I am currently teaching myself php, and I am having trouble with the logo at the top of my page. I have checked my CSS a couple of times, but clearly this setting is beyond my knowledge. The banner should be 952 pixels wide and its not.
You can see the banner is cut in half. Thought the problem was in this code. Could be wrong though:
#logo {
float: left;
width: auto;
padding: 10px 13px 0 10px;
}
Tried changing width to the size I wanted didnt work
Also tried this one:
.logo {
background-image: url("{T_THEME_PATH}/images/logo.png");
width: 952px;
height: 117px;
margin-top: 1px;
}
Changing either of them still resulted in a bad banner.
I think you've got two elements limiting the size of the banner .logo as you suggest above, but also .logo-bg which is currently:
.logo-bg {
background-image: url("./styles/darkfx/theme/images/logo-bg.png");
width: 523px;
height: 117px;
margin-top: 1px;
}
Remove the width restriction from that and .logo and you get the full image.