We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

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

Your Time: Our Time:

Change social icons in Team section of Qubic

Featured Lock Resolved Issue
My demo site is: http://marquismp.cloudaccess.net/ (Click on Partners to see section I have an issue with)

I have a customer request to change the Google icon and the Pinterest icons in this section you have built for the Qubic template

I know the CSS file I want to edit: ...m_sppagebuilder/assets/css/font-awesome.min.css

For example I have tried replacing the Google-plus and Google-Plus-square icons with file and file-o but when I do this the CSS does not look up the fonts.

Please can you help suggest how I might fix and this is important to me.

6 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi Tom,
you want to use your own icons instead or others from FontAwesome collection ?
As you might seen we used Font Awesome 4.3.0
it means that you have big collection to use.

file "icon" have class "fa-file" or "fa-file-o"
so example html code is:

Attachments (2)

  • file.png
    file.png 24.7 KB
  • css.png
    css.png 1.3 KB

MarquisBcast

More than a month ago #Permalink
in m_sppagebuilder/assets/css/font-awesome.min.css

I changed

f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus:before{content:"\f0d4"}.fa-google-plus-square:before{content:"

to

f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-file:before{content:"\f0d4"}.fa-file-o:before{content:"

But the file does not appear - I just get a blank space.

So I am stuck. Any suggestions or I am I editing the wrong file?

MarquisBcast

More than a month ago #Permalink
Hi any further assistance on this would be welcomed.

MarquisBcast

More than a month ago #Permalink
Hi I have looked further onto this by changing code but not getting any success.

Can you tell me the CSS file to change the FontAwesome icons you are using so I can swap the look ups with alternatives.

I think my issue is I am emending the wrong CSS file.

MarquisBcast

More than a month ago #Permalink
I still need help with this issue.


I want to keep using Font Awesome icons in the Teams section but change the icons


For example

Google-plus to 'file'

Pinterest to 'television'


https://fortawesome.github.io/Font-Awesome/icons/

MarquisBcast

More than a month ago #Permalink
Tom Hassall wrote:

I still need help with this issue.


I want to keep using Font Awesome icons in the Teams section but change the icons


For example

Google-plus to 'file'

Pinterest to 'television'


https://fortawesome.github.io/Font-Awesome/icons/



This is my only issue not yet resolved. Please can you let me know how to replace icons in Team section of Qubic with alternative fontawesome icons.


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

126

Templates

333276

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