How to change icons in Profiles & groups WITHOUT SVG

This topic has 5 replies, 2 voices, and was last updated 6 years by Laura.

Author
February 28, 2018 at 12:03 #190071

axcelluloid
Participant

Hello,
I have tried the SVG variation to change the icons. Unfortunately it is not possible – there is always somethin missing, even with compound, and converting and so on . . .

so is there a way to put PNGs instead of SVG ?

March 1, 2018 at 02:30 #190148

Laura
Moderator

Hello, i can help you change any icon, png too, just let me know where and the URL of the image 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

March 1, 2018 at 11:00 #190166

axcelluloid
Participant

Thank you very much for your support! I would love to try something – I made some art deco icons for the profile / group section . .. . but I have no idea if it is possible to make the background for groups and Profile Icons dark (#121212) ?

If it is possible we could try to replace just one button first?

http://www.ginterest.club/wp-content/uploads/2018/03/Icon-Activity.png

The ACtivity Icon – would that be possible? and they might be a bit bigger as the ones right now. 🙂
March 1, 2018 at 21:25 #190238

Laura
Moderator
Hello, try by using this css at style.css of child theme, you can adjust it as you prefer 🙂
COPY CODE
```
div#item-nav {
    height: 125px !important;
}
a#user-activity {
    background: #121212 !important;
    font-size: 0px !important;
}
a#user-activity:before {
    background-image: url(https://www.ginterest.club/wp-content/uploads/2018/03/Icon-Activity.png) !important;
    background-size: cover;
    width: 100px;
    height: 100px;
    color: transparent !important;
}
```
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
March 1, 2018 at 22:27 #190246

axcelluloid
Participant

Dear Laura,

thank you very much – I have tried it our and it looks quite sexy on the website 🙂 Unfortunately on mobile it looks quite strange – I guess it is not the best idea I had as it should be working on any device 🙂

March 3, 2018 at 04:34 #190329

Laura
Moderator

Hello, you could use other icons on mobile, or use some that could be resized on mobile

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

How to change icons in Profiles & groups WITHOUT SVG

Search KB

Log in with your credentials

Forgot your details?