solved Header is broken

michaeld
michaeld
@michael-d
10 years ago
92 posts
Hi,

I recently was adjusting some styling to my css in the style tab of the skin control panel. I uploaded a new header, then i think i tried to adjust some padding, and it went out of wack. I deleted the custom image and went back to the original logo for media pro light. That did not fix it either. something went way out of wack. The header and advertisement are now pushed all the way over to the left, but the rest of the site and rows are fine.

Thanks Mike


--
Thank You
~Michael
Audio Engineer | Graphic and Design |

https://www.damatoproduction.com
https://www.HomeStudioMusicProduction.com
https://www.ShotsInOrder.com
https://www.playgroundz.rocks

updated by @michael-d: 05/20/14 09:30:47PM
brian
@brian
10 years ago
10,148 posts
You will need to post a link to your site where you see the issue - it's impossible to tell without looking at it what the issue is.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
michaeld
michaeld
@michael-d
10 years ago
92 posts
http://www.labelmeradio.com

Also, when I try to edit the css files, nothing changes on my website.
I even deleted the css folder from the server, and still nothing changes. Weird.


--
Thank You
~Michael
Audio Engineer | Graphic and Design |

https://www.damatoproduction.com
https://www.HomeStudioMusicProduction.com
https://www.ShotsInOrder.com
https://www.playgroundz.rocks

updated by @michael-d: 04/15/14 01:40:52PM
brian
@brian
10 years ago
10,148 posts
Looks like you have an extra #header ID in your CSS that is overriding the margin: auto from the skin - go into the ACP -> skins -> Style for MediaPro and press the "reset" next to the "header" section in the core_header.css file.

Make sure you're using Firefox with Firebug installed - it will save you a lot of time tracking these issues down. Just start up Firebug, click on the "CSS" tab, and then click on the small icon in the firebug toolbar that looks like a mouse pointer clicking on a small box - this will let you "live select" elements on your page and see what CSS is being applied to them.

Hope this helps!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
michaeld
michaeld
@michael-d
10 years ago
92 posts
Hi,

When I try the reset in the header.css in skin settings style tab, this is what happens.

Invalid element tag - please try again

This is what is showing in the debugger.
#header {
padding:0px;
margin:0px;
}
#header a {
text-transform:capitalize;
text-decoration:none;
color:#FFF;
}
#header a:hover {
text-decoration:underline;
color:#FFF;
}


--
Thank You
~Michael
Audio Engineer | Graphic and Design |

https://www.damatoproduction.com
https://www.HomeStudioMusicProduction.com
https://www.ShotsInOrder.com
https://www.playgroundz.rocks
brian
@brian
10 years ago
10,148 posts
Let me check this out and see if I can replicate this.

Thanks!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
brian
@brian
10 years ago
10,148 posts
Using Media Pro, I am not seeing any issues - I first customized the header by setting the margin to 20px (which moved it out of alignment), then I clicked on "reset" and reset it - it's now back to the way it should be.

Are you running the latest Jamroom Core?

Thanks!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
michaeld
michaeld
@michael-d
10 years ago
92 posts
Wow great! I was running an older jamroom core and all of my modules were also way out of date.

Fixed now!!!


--
Thank You
~Michael
Audio Engineer | Graphic and Design |

https://www.damatoproduction.com
https://www.HomeStudioMusicProduction.com
https://www.ShotsInOrder.com
https://www.playgroundz.rocks
brian
@brian
10 years ago
10,148 posts
mdamato:
Wow great! I was running an older jamroom core and all of my modules were also way out of date.

Fixed now!!!

Right on - glad to hear that.

Thanks!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

Tags