Modify Portfolio II emblem

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
Mon Sep 08, 2014 3:08 pm
Reply with quote
Report this post
Hi,

I've managed to change the portfolio emblem and now I want to arrange it to the center.

I've been playing with the
Code: Select all
.gkNspPM-Portfolio2 .gkImagesWrapper > a:before { left: 42%; ............}
in the gk.stuff.css to align the image left or right but I can't find the string to change the height of it.

link
User avatar
Expert Boarder

teitbite
Wed Sep 10, 2014 10:10 am
Reply with quote
Report this post
Hi

The trick to center something like this is use left: 50% and than a margin with a value of a half widht of the image. In Your case:

Code: Select all
.gkNspPM-Portfolio2 .gkImagesWrapper > a:before {
left: 50%;
margin-left: -21px;
}
User avatar
Moderator

GK User
Wed Sep 10, 2014 10:35 am
Reply with quote
Report this post
Hi,

Eventually this did the trick to align it to the center.
Code: Select all
.gkNspPM-Portfolio2 .gkImagesWrapper > a:before {
left: 42%;
margin: -32px 0 0 -21px;
}


tnx :)
User avatar
Expert Boarder

teitbite
Wed Sep 10, 2014 10:40 am
Reply with quote
Report this post
Hi

With left: 42%, this may move on smaller screens. It's better to use 50% and than better position it with margin.
User avatar
Moderator

GK User
Wed Sep 10, 2014 10:56 am
Reply with quote
Report this post
ah ok tnx! this did the trick now :)

Code: Select all
left: 50%;
margin: -32px 0 0 -37px;
User avatar
Expert Boarder


cron