Module title position
Rate this topic: 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?
I'd like to know how to change title position for example to lower right corner or left side?
-
- 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?
In which module would you like to apply this change?
-
- Administrator
- 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:
to:
in the css/gk.stuff.css file please change:
to:
and please also change in the same file the following fragment:
to:
- 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;
}
-
- Administrator
- 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?
-
- 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.
-
- 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 ?
-
- Senior Boarder
9 posts
• Page 1 of 1