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)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 114
Sifat

Sifat

Total Accepted Answers: 60
Toufiq

Toufiq

Total Accepted Answers: 48
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 21
Ofi Khan

Ofi Khan

Total Accepted Answers: 16

118

Templates

303861

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