Problems with centering a forum logo (IPB v 4)

HTML & CSS
1

I’m in the process of tweaking a skin before upgrading our live community to the new Invision Board release, but I am running into an issue with the logo as I would like to display it centred. Ideally, I want to avoid adding any HTML (since that would be overridden during future upgrades) and instead stick to just adding additional CSS to a specific css file that doesn’t get overridden during upgrades. But perhaps that isn’t doable with the way they have constructed the skin?

The test forum can be viewed at http://forum-test.westeros.org/ and the logo’s placement in the source code can be found by searching for “elLogo”. I had one suggestion from a member at the IPB forums to add the following css to the custom file, but it does not appear to work:

#ipsLayout_header .ipsLayout_container img {
    margin-left: auto;
    margin-right: auto;
    width:300px;
}
2

For margin:auto to take effect the element needfs to be display:block.

#ipsLayout_header .ipsLayout_container img {
    margin-left: auto;
    margin-right: auto;
    width:300px;
display:block;
}
3

That seemed like it should have worked…but it doesn’t. There must be something in the rest of their CSS that is causing an issue, I am guessing.

There was a related issue as well. In their default CSS, they have a background colour specified for behind the header. I need to remove that colour, but I doesn’t seem there’s a way to override a colour with no colour in a separate stylesheet? Right now I am just deleting that element from the default css, but that does mean it gets lost on an upgrade since the change isn’t in the custom css.

4

Works for me as soon as I add it.

Screenshot below.

1768×464 103 KB

There were no rules in the webdeveloper window showing you had added my code so either you didn’t add them or you made a typo and they are not showing in the developer window.

5

Hrm, okay, then it seems to be an issue with their custom css file not updating as it should. Will tackle it from that angle.

Thank you!

6

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.