Changing default social icons

User 52081 Photo


Registered User
18 posts

I can't do it for some reason. I've changed the icon names with no success.

<i class="large icon-facebook"></i></li><li><i class="large icon-twitter"></i></li><li><i class="large icon-linkedin"></i>

I've looked in the css and img directories, and it looks like it calls to the icomoon ultimate font. I've tried using coffeecup icon names, and icomoon names, neither work. I'm only able to get the four default social icons to display.

Thanks in advance for any help.
User 434929 Photo


Ambassador
938 posts


PREDEFINED CLASSES USED IN RESPONSIVE LAYOUT MAKER
http://www.coffeecup.com/help/articles/ … out-maker/

Hope this demo helps:
https://www.youtube.com/watch?v=Ur2lBt-ey5U

for more detail see this demo:
Part 1:
https://www.youtube.com/watch?v=jsDmriFysKc

Part 2:
https://www.youtube.com/watch?v=6oPLfsaAIvs
Guys at coffeecup are awesometacular.
User 52081 Photo


Registered User
18 posts

Yes, that points me in the right direction, Thanks!
User 52081 Photo


Registered User
18 posts

No dice. I was basically doing what the videos demonstrated. When I change the icon name to something else on the icon list, neither icon is displayed. I've tested in chrome and firefox. I can see the default icons, but no other icons will display for me.
Attachments:
User 434929 Photo


Ambassador
938 posts

Why your files are in .txt format? it should be HTML & CSS format jut save and upload your project file.here.

You can't just upload main CSS and HTML file, there are few CSS and js file as well . by doing this you have broken whole site infra.

Note: just upload the project file, its much easier.
Guys at coffeecup are awesometacular.
User 187934 Photo


Senior Advisor
20,181 posts
Online Now

Mansour ... wrote:
Why your files are in .txt format? it should be HTML & CSS format jut save and upload your project file.here.

I think that's for sharing on the forum.
Alex, Can you share a link to your site? It may help others to help you.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 52081 Photo


Registered User
18 posts

Eric is correct, I couldn't post the files in their native format, so I converted to .txt.

Here's my draft: http://www.astralwebspace.com/siren/

Thanks
User 434929 Photo


Ambassador
938 posts

Ok now clear . Regarding to your initial problem changing Icon in HTML document wont take effect because there is no style applied for that class in your css file .
The social media icon in RLM is just place holder and after export you have to add your own styles to each icon.

Example:
.icon-facebook {
color: gray;
}
.icon-twitter{
color: blue;
}
.icon-linkedin{
color: black;
}
.icon-google-plus{
color: red;
}

Guys at coffeecup are awesometacular.
User 52081 Photo


Registered User
18 posts

Okay, so I have to edit the css AND the html. That makes sense. I don\'t remember doing that with my previous sites, but I can certainly work with it.

Thanks!
User 52081 Photo


Registered User
18 posts

No dice. Even with a custom css, changing "facebook" to "facebook-2" results in no icon at all. I started a new project, inserted the social icons, and then simply edited the html, and "facebook-2" displayed properly.

So that made me think something had been corrupted in my original project during export. I reloaded the RLMP software form the coffeecup site, and reinstalled. I then exported, changed the facebook identifier in the html, and..... same result, no visible icon.

Also tried a different browser, and uploaded site files to server with no positive result. I'm slowly going insane!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.