News Show Pro GK5 Portfolio icon

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 Feb 12, 2014 2:17 pm
Reply with quote
Report this post
Hi!
I want to modify News Show Pro GK5 Joomla module with portfolio portal mode icon visible on my website. How can I change the icon with my own?
thanks
Image
User avatar
Junior Boarder

GK User
Wed Feb 12, 2014 2:29 pm
Reply with quote
Report this post
Its an icon from font awesome. If you write to which font awesome icon you would like it to change, Ill provide you with correct css override.
User avatar
Moderator

GK User
Wed Feb 12, 2014 3:09 pm
Reply with quote
Report this post
Hello
I WANT TO CHANGE THIS ICON
Image
WITH THIS
Image
User avatar
Junior Boarder

GK User
Wed Feb 12, 2014 5:57 pm
Reply with quote
Report this post
Please edit: /templates/gk_creativity/css/override.css and add at its end:
Code: Select all
.gkNspPM-Portfolio .gkImagesWrapper > a > .gkImgOverlay > span:before {
border: none;
color: #fff;
content: "";
font-family: FontAwesome;
font-size: 22px;
height: 52px;
left: 50%;
line-height: 50px;
margin: -32px 0 0 -32px;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
text-align: center;
top: 65%;
-webkit-transition: all .2s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
width: 52px;
background: transparent url('../images/logofile.png') 50% 50% no-repeat
}


Now this code assumes that you have placed your logo as a png file in /templates/gk_creativity/images folder, its name is logofile.png.
You also need to change width/height/top/left values to suit your needs.

Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator


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