Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

How can i change video icon on Portfolio?

Featured Lock Resolved Bug
Hello,
I need to modify video icon on portfolio because it show com_sp
see screencast
https://screencast-o-matic.com/watch/cqfV1wZc1l

14 Answers

Paul Frankowski - Staff

More than a month ago #Permalink

COM_SPSIMPLEPORTFOLIO_WATCH


translate "Watch" phrase using this method

language_override.jpg

Attachments (1)

  • language_override.jpg
    language_override.jpg 73.7 KB

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
video icon is a font icon.
templates\shaper_floox\fonts\floox-icon.ttf
By default, below code was used

.floox-icon {
font-family: 'floox-icon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.floox-picture::before {
content: "\e90a";
}


to change it, you have to override the above classes.

Paul Frankowski - Staff

More than a month ago #Permalink
About BIG LETTERS, can you show me URL ?
I guess there is a missing language phrase.

gianlu

More than a month ago #Permalink
can you enclose ttf file correct here?so i replace wrong file because i am unable to open ttf file
Thanks

Paul Frankowski - Staff

More than a month ago #Permalink
Just check your template package I have those exact same files as you can have

templates\shaper_floox\fonts\

Paul Frankowski - Staff

More than a month ago #Permalink
Just replace icon with one of font Awesome 4.7 icon, it would be easier if you're a beginner.

Tell me which icon you need, and I will give you a code
https://fontawesome.com/v4.7.0/icons/

gianlu

More than a month ago #Permalink

Paul Frankowski - Staff

More than a month ago #Permalink
Step 1 Read: https://www.joomshaper.com/documentation/helix-framework/helix3#custom-css-header-code

Step 2 In custom CSS use:

.floox-picture::before {
content: "\f1c8";
font-family: fontawesome;
}

gianlu

More than a month ago #Permalink
made but it still show error

Attachments (2)

  • custom.png
    custom.png 26.1 KB
  • bug.png
    bug.png 395.4 KB

Paul Frankowski - Staff

More than a month ago #Permalink
Can you copy whole text SP_......
use Code inspector from your browser to preview code
or just check source code -- I have to see whole text to help you .

gianlu

More than a month ago #Permalink
I found that your code on custom css changed icon on items with photo and items with videos are still with no logo. i tried to put out your code and icon for item with image returned to normal.
i enclose all

Attachments (2)

  • FOTO.png
    FOTO.png 439 KB
  • ERROR.png
    ERROR.png 499.2 KB

gianlu

More than a month ago #Permalink
ok thanks. now is ok

Paul Frankowski - Staff

More than a month ago #Permalink
I am glad that I could help.
Have a nice day.


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 119
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 107
Toufiq

Toufiq

Total Accepted Answers: 91
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 3
FUTURECLIENT

FUTURECLIENT

Total Accepted Answers: 2

115

Templates

295923

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us