Menu

Search

InstantASP Support

Help & Support


Adding your logo using the InstantForum Theme Roller


Common Questions

Using the InstantForum theme roller it's super easy to replace the default InstantForum logo with your own custom company or web site logo. Whilst it's very easy to replace the logo there are a few things you should consider.

Suggested Logo Size (300x80)

We would suggest 300 pixels wide by 80 pixels high for your logo. If your logo is larger than this it will overflow the containing link and may not appear to have the correct amount of margin or padding around the logo.

We don't downsize your logo during the upload process within the theme roller so your logo needs to meet those dimensions. They are shown in the theme roller above the logo upload button.

Using a Custom Logo Size

If you need your logo to be a custom size this is OK but would require a CSS tweak.

.banner .logo { float: left; width: 300px; height: 80px; margin-right: 12px; background-position: center center; background-repeat: no-repeat;}
You'll find this within the core.css file or in 1-debug-common.css. For further information on modify the InstantForum CSS files please see Editing CSS by hand within InstantForum.

Why do I need to set a height & width for my logo?

You need to set an explicit width and height for the link containing your logo as the logo is set as a background image for the link. This is not a <img> element that would size by default. This is due to the fact we use a base64 encoded version of the logo embedded within the CSS and use HTML 5 data-uris to set this background image.

This ensures everything for your theme is within a single CSS file and we don't have any external dependencies on images making each theme very portable and allowing you to share or download themes via the InstantForum theme roller.

That's It!

I hope this article helps you whilst adding your own logo to InstantForum. Of course if we can assist with any customization questions please never hesitate to open a support ticket or contact us.


Related Links



Optionally provide private feedback to help us improve this article...

Thank you for your feedback!


Comments

Member Photo
0
Tran hong minh posted 3 Years Ago
New Member with 5 recognition pointsNew Member with 5 recognition pointsNew Member with 5 recognition pointsNew Member with 5 recognition pointsNew Member with 5 recognition pointsNew Member with 5 recognition pointsNew Member with 5 recognition pointsNew Member with 5 recognition points
doanh nhânnữ, nhưng cũng có những lúc khó khăn, thách thức, và các Giáo Hội, chúng tôi xin gửi đến số, và các Giáo Hội Kitô Giáo. The " http:// www.rfa.org / vietnamese / world of difference. the list&nbsp;

Comments require login or registration.

Details

Product: InstantForum
Type: HOWTO
Level: Novice
Article not rated yet.
Article has been viewed 11K times.
Last Modified: 3 Years Ago
Last Modified By: Ryan Healey

Options

Similar Articles


Tags