news show pro layout on right position

Professional Business Joomla template for corporate and business websites suitable for showing stock quotes, up to date news, portfolio management resources or international market data.
GK User
Thu Jul 05, 2012 10:55 pm
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!
User avatar
Expert Boarder

teitbite
Sat Jul 07, 2012 11:04 am
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.
User avatar
Moderator

GK User
Sat Jul 07, 2012 12:03 pm
thanks!

p.s.: you need a "thank" button in your forum ;)
User avatar
Expert Boarder

GK User
Sat Jul 07, 2012 12:46 pm
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?
User avatar
Expert Boarder

teitbite
Mon Jul 09, 2012 11:27 am
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.
User avatar
Moderator

GK User
Mon Jul 09, 2012 1:21 pm
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!
User avatar
Expert Boarder

teitbite
Mon Jul 09, 2012 2:11 pm
Hi

No problem. Glad I could help.
User avatar
Moderator


cron