news show pro layout on right position

Hi,

on http://beta.bm-od.com/login I postet the news module "Aktuelles" on the "right(left/right)" position and it does not look good.

I want it to look like here: http://beta.bm-od.com/ in "header2" on the right side of the banner.

I also tried the according suffixes, but it doesn't change. Could you give me a hint?

Thanks!

Hi

The first style is reserved for header only. You can copy this style and use a suffix:

Code: Select all

#gkHeader .nspMainPortalMode1 {
    padding-top: 4px;
}
#gkHeader .nspMainPortalMode1 .nspArts {
    margin: 0 0 15px;
}
#gkHeader .nspMainPortalMode1 .nspTopInterface {
    margin-right: 20px !important;
    margin-top: -38px !important;
}
#gkHeader .nspMainPortalMode1 .fnone {
    display: inline;
}
#gkHeader .nspMainPortalMode1 .nspArt {
    border-top: 1px solid #E5E5E5;
    line-height: 1;
    padding-top: 17px;
}
#gkHeader .nspMainPortalMode1 .nspArt:first-child {
    border-top: medium none;
    padding-top: 0;
}
#gkHeader .nspMainPortalMode1 h4.nspHeader {
    color: #1A1A1A;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 8px;
}
#gkHeader .nspMainPortalMode1 h4.nspHeader a {
    color: #1A1A1A;
    font-size: 12px;
}
#gkHeader .nspMainPortalMode1 .nspHeader a:hover {
    color: #3477BB;
}
#gkHeader .nspMainPortalMode1 .nspText {
    line-height: 1.3;
}
#gkHeader .nspMainPortalMode1 .nspText a {
    color: #555555;
    line-height: 1.3;
}
#gkHeader .nspMainPortalMode1 .nspText a:hover {
    color: #3477BB;
}
#gkHeader .nspMainPortalMode1 .nsp_readmore.inline {
    background: url("../images/style1/nsp_readmore.png") no-repeat scroll 0 center transparent;
    display: inline-block;
    float: right;
    height: 12px;
    margin-top: 1px;
    text-indent: -999em;
    width: 5px;
}
#gkHeader .nspMainPortalMode1 .nspInfo {
    color: #959595;
    font-size: 11px;
    margin-top: 0.3em;
}
#gkHeader .nspMainPortalMode1 .nspTopInterface .nspNext {
    margin-top: 14px;
}
#gkHeader .nspMainPortalMode1 .nspTopInterface .nspPrev {
    margin-right: -15px;
}


all You need to do is to use this code with "#gkHeader" replaced to Your suffix name.

thanks!

p.s.: you need a "thank" button in your forum

I tried another solution: I keep the news module in "header2" and the content in "header1":

http://beta.bm-od.com/login

So now the look is good. How can I remove the mainbody at the bottom?

I assigned the suffix " login" to the menu link "login" (Page display option/page class) and in override.css I put:

Code: Select all

.login #gkMainbodyWrap {
display: none;
}

but it still shows up. I don't see my suffix " login" in the code either. any idea?

Hi

Sorry but I do not understand. Are You trying to remove mainbody in login page ? Right ?

Our templates got it's own system for page css classes. Please go to template settings and You will find it. You need to add Your page class suffix there.

It works!

I added:

Code: Select all

.login #gkMainbodyWrap {
display: none;
}

to override.css

And then in the Template/Features/Suffix for pages
I added my menu ID and suffix " login"


thanks!

Hi

No problem. Glad I could help.