News Show Pro GK5 Portfolio icon
Rate this topic: 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
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
-
- 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.
-
- Moderator
- GK User
- Wed Feb 12, 2014 3:09 pm
- Reply with quote
- Report this post
Hello
I WANT TO CHANGE THIS ICON
WITH THIS
I WANT TO CHANGE THIS ICON
WITH THIS
-
- 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:
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.
- 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.
-
- Moderator
4 posts
• Page 1 of 1