[Kais TParticipant]

Hey, I have asked before in themeforest forum that I want to use Bloglovin social icon. You said that in the moment Foundation Social icon fonts doesn’t offer Bloglovin icon but it is possible to use picture if I had it.
Meanwhile I checked standard icons and found that [icon type=”plus-circle”] is almost same as Bloglovin and could use it. Can you please help me to use it same as others (FB, Instagram…)

[RubinKeymaster]

Hey Kais,

We can do two things just tell me which one you prefer (I guess you want to show the icon in the header and footer area?):

1. A more complex approach: adding a new custom field and everything for the Bloglovin social icon which his pretty advanced or

2. You tell me one of the already existing social icons we provide with the theme that you are not using and we will overwrite that one with the Bloglovin icon so it links and looks like Bloglovin.

[Kais TParticipant]

Yes, I want to use icons in header and footer area. I don’t use vimeo icon, so we can replace it with bloglovin (it may be also “plus-circle”).

[RubinKeymaster]

Hey Kais,

the first thing you have to do is create a child theme. You can find a tutorial on how to create a child theme in our Video Tutorials section. Once you’ve done that open the style.css file in your child theme and put in following line:

.x-social-vimeo:before { content: "\f055" !important; }

now the vimeo icon should be transformed to the Bloglovin icon.

[Kais TParticipant]

I tried to install child theme but I got message: The parent theme could not be found. You will need to install the parent theme, x, before you can use this child theme.
I don’t understand, I have installed X theme already and I’m using it. Can you help me please?

Another question. I have made some changes in parent css file but I don’t have child theme. After you help me to install child theme, what is best way that I don’t miss changes that I have already done.

[RubinKeymaster]

Hey Kais,

did you rename the parent theme or is it still /x/ ? You will have to move the style changes to the child theme so you can update the parent theme and not lose any data/changes.

[Kais TParticipant]

Hey
I created child theme. Problem was that parent theme name was “x” not “X”. I changed it and now it’s working.

.x-social-vimeo:before { content: “\f055” !important; }

It doesn’t work. Shows square with text f055. May be is it cause I haven’t latest version of X?

[KoryKeymaster]

Hey Kais,

Try this out:

.x-social-vimeo:before {
  content: “\f055″ !important;
  font-family: "fontawesome" !important;
}

Thanks!

[Kais TParticipant]

Thank you, it works perfectly.
One thing, I also wanted to change title and found place where I could do that
(X\framework\functions\global\miscellaneous.php), it works.
Now I thought it’s a good idea to make same change in child theme and I create folder,inserted file
(x-child-integrity-light\framework\functions\global\miscellaneous.php), changed parent theme file back but now it don’t work. Any idea?

[RubinKeymaster]

Hey Kais,

are you sure that you didn’t misspell the file name or anything like this?

Thanks!

[Kais TParticipant]

Nope, everything is same:
/themes/x/framework/functions/global/miscellaneous.php
/themes/x-child-integrity-light/framework/functions/global/miscellaneous.php

Anyway, I copied necessary lines into
/themes/x-child-integrity-light/function.php and it word.
Thank you so much

[RubinKeymaster]

You’re welcome!

[emilio dParticipant]

Hi,

For some reason this isn’t working for me.

A little rectangle appears instead and it still says vimeo under the icon.

Thanks,

E

[AlexanderKeymaster]

Hi Emilio,

Could you provide a link to your site? We could then take a look and see why this might not be working as expected.

[emilio dParticipant]

This reply has been marked as private.

[Author]

Posts