Module title position

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Wed Aug 06, 2014 10:54 am
Reply with quote
Report this post
Hello.

I'd like to know how to change title position for example to lower right corner or left side?
User avatar
Senior Boarder

GK User
Fri Aug 08, 2014 6:52 am
Reply with quote
Report this post
Hello,

In which module would you like to apply this change?
User avatar
Administrator

GK User
Fri Aug 08, 2014 1:53 pm
Reply with quote
Report this post
News Show Pro GK5
User avatar
Senior Boarder

GK User
Sat Aug 09, 2014 11:49 am
Reply with quote
Report this post
Please open the css/template.css file and please change the following fragment:

Code: Select all
.box.title-right .header {
position: absolute;
right: 17.5%;
top: 45px;
width: auto!important;
z-index: 1;
}


to:

Code: Select all
.box.title-right .header {
position: absolute;
left: 17.5%;
top: 45px;
width: auto!important;
z-index: 1;
}


in the css/gk.stuff.css file please change:

Code: Select all
.overlay-1x1 .nspArt.nspCol2:nth-child(2),
.overlay-1x1 .nspArt.nspCol3:nth-child(3),
.overlay-1x1 .nspArt.nspCol4:nth-child(4),
.overlay-1x1 .nspArt.nspCol5:nth-child(5),
.overlay-1x2 .nspArt.nspCol2:nth-child(2),
.overlay-1x2 .nspArt.nspCol2:nth-child(4),
.overlay-1x2 .nspArt.nspCol3:nth-child(3),
.overlay-1x2 .nspArt.nspCol3:nth-child(6),
.overlay-1x2 .nspArt.nspCol4:nth-child(4),
.overlay-1x2 .nspArt.nspCol4:nth-child(8),
.overlay-1x2 .nspArt.nspCol5:nth-child(5),
.overlay-1x2 .nspArt.nspCol5:nth-child(10),
.overlay-2x1 .nspArt.nspCol3:nth-child(2),
.overlay-2x1 .nspArt.nspCol3:nth-child(3),
.overlay-2x1 .nspArt.nspCol4:nth-child(3),
.overlay-2x1 .nspArt.nspCol4:nth-child(4),
.overlay-2x1 .nspArt.nspCol5:nth-child(4),
.overlay-2x1 .nspArt.nspCol5:nth-child(5),
.overlay-2x2 .nspArt.nspCol3:nth-child(2),
.overlay-2x2 .nspArt.nspCol3:nth-child(3),
.overlay-2x2 .nspArt.nspCol3:nth-child(5),
.overlay-2x2 .nspArt.nspCol3:nth-child(6),
.overlay-2x2 .nspArt.nspCol4:nth-child(3),
.overlay-2x2 .nspArt.nspCol4:nth-child(4),
.overlay-2x2 .nspArt.nspCol4:nth-child(7),
.overlay-2x2 .nspArt.nspCol4:nth-child(8),
.overlay-2x2 .nspArt.nspCol5:nth-child(4),
.overlay-2x2 .nspArt.nspCol5:nth-child(5),
.overlay-2x2 .nspArt.nspCol5:nth-child(9),
.overlay-2x2 .nspArt.nspCol5:nth-child(10)


to:

Code: Select all
.overlay-1x1 .nspArt.nspCol2:nth-child(1),
.overlay-1x1 .nspArt.nspCol3:nth-child(1),
.overlay-1x1 .nspArt.nspCol4:nth-child(1),
.overlay-1x1 .nspArt.nspCol5:nth-child(1),
.overlay-1x2 .nspArt.nspCol2:nth-child(1),
.overlay-1x2 .nspArt.nspCol2:nth-child(3),
.overlay-1x2 .nspArt.nspCol3:nth-child(1),
.overlay-1x2 .nspArt.nspCol3:nth-child(4),
 .overlay-1x2 .nspArt.nspCol4:nth-child(1),
.overlay-1x2 .nspArt.nspCol4:nth-child(5),
.overlay-1x2 .nspArt.nspCol5:nth-child(1),
.overlay-1x2 .nspArt.nspCol5:nth-child(6),
.overlay-2x1 .nspArt.nspCol3:nth-child(1),
.overlay-2x1 .nspArt.nspCol3:nth-child(2),
.overlay-2x1 .nspArt.nspCol4:nth-child(1),
.overlay-2x1 .nspArt.nspCol4:nth-child(2),
.overlay-2x1 .nspArt.nspCol5:nth-child(1),
.overlay-2x1 .nspArt.nspCol5:nth-child(2),
.overlay-2x2 .nspArt.nspCol3:nth-child(1),
.overlay-2x2 .nspArt.nspCol3:nth-child(2),
.overlay-2x2 .nspArt.nspCol3:nth-child(4),
.overlay-2x2 .nspArt.nspCol3:nth-child(5),
.overlay-2x2 .nspArt.nspCol4:nth-child(1),
.overlay-2x2 .nspArt.nspCol4:nth-child(2),
.overlay-2x2 .nspArt.nspCol4:nth-child(5),
.overlay-2x2 .nspArt.nspCol4:nth-child(6),
.overlay-2x2 .nspArt.nspCol5:nth-child(1),
.overlay-2x2 .nspArt.nspCol5:nth-child(2),
.overlay-2x2 .nspArt.nspCol5:nth-child(6),
.overlay-2x2 .nspArt.nspCol5:nth-child(7)


and please also change in the same file the following fragment:

Code: Select all
.gkNspPM-Portfolio2 .gkPortfolioCategories {
margin: 0;
padding: 0;
}


to:

Code: Select all
.gkNspPM-Portfolio2 .gkPortfolioCategories {
margin: 0;
padding: 0;
float: right;
}
User avatar
Administrator

GK User
Mon Aug 18, 2014 11:06 am
Reply with quote
Report this post
Thanks a lot !
User avatar
Senior Boarder

GK User
Mon Aug 18, 2014 11:22 am
Reply with quote
Report this post
Oh and one more thing. Where can I now set this position? In title name f.e. [title-left]ModuleTitle, somewhere in module configuration or where?
User avatar
Senior Boarder

GK User
Tue Aug 19, 2014 8:33 am
Reply with quote
Report this post
If you replace the code as I have described it then all titles in NSP will be on the left automatically.
User avatar
Administrator

GK User
Tue Aug 19, 2014 10:18 am
Reply with quote
Report this post
Okey, but is there possibility to move it down ?
User avatar
Senior Boarder

GK User
Wed Aug 20, 2014 8:29 am
Reply with quote
Report this post
You can increase the top property in the:

Code: Select all
.box.title-right .header


selector
User avatar
Administrator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.