Custom Themes and Simple Portal

[ARG]

This has been asked on many forums so I thought that I would post a sitcky here.

For those using SMF 2.0 RC4 or SMF 2.0 RC5 along with Simple Portal 2.3.3 and installed a custom theme and are experiencing left side issues with category or title block headers on your portal (main) page, there is a very simple solution.

Just grab a copy of the portal.css file from the default themes css folder (default/css/portal.css) and add it to your custom themes css folder.

Themes/customtheme/css/portal.css

 

[ARG]

Here is a little tip for those using a custom theme with rounded corners on the main_block.png image. Sometimes with rounded corners while using Simple Portal you may run into this pesky little line on the left. This usually only occurs in block headers but not the forum category headers or the Info Center.

Before:

After:


Here is the fix.

In the portal.css file find this, usually at the very bottom.

Code: [Select]

h4.catbg span.left, h4.catbg2 span.left, h3.catbg span.left, h3.catbg2 span.left, .table_list tbody.header td span.left
{
float: left;
display: block;
width: 9px;
height: 31px;
background: url(../images/theme/main_block.png) no-repeat 0 -160px;
}

h4.titlebg span.left, h3.titlebg span.left
{
float: left;
display: block;
width: 9px;
height: 31px;
background: url(../images/theme/main_block.png) no-repeat 0 -200px;
}
Change to:

Code: [Select]

h4.catbg span.left, h4.catbg2 span.left, h3.catbg span.left, h3.catbg2 span.left, .table_list tbody.header td span.left
{
float: left;
display: block;
width: 9px;
height: 33px;
background: url(../images/theme/main_block.png) no-repeat 0 -160px;
}

h4.titlebg span.left, h3.titlebg span.left
{
float: left;
display: block;
width: 9px;
height: 33px;
background: url(../images/theme/main_block.png) no-repeat 0 -200px;
}
Essentially all you need to do is change the heights from 31px to 33px.
Note: If your custom main_block.png image has larger catbg, tirlebg, etc. areas then the height size numbers may vary slightly.

 

[InsomniacP]

Hey there G1 this still hasn't worked for me?

[garyb]

Hey there G1 this still hasn't worked for me?

Just move the portal.css from the default theme to you custom theme css folder.

Above is a different problem.

[garyb]

Hey there G1 this still hasn't worked for me?

Just move the portal.css from the default theme to you custom theme css folder.

Above is a different problem.

I meant copy portal.css

[InsomniacP]

Great stuff that worked... Thanks..

[SirPereira]

Hmm, strange. Didn't worked here. I've copied the file portal.css and made the changes, didn't notice any changes.

If you want to take a look:
http://www.haxballbrasil.com/

[ewind]

SimplePortal 2.3.5 Released today fixed a lot bugs