Community forum for knowledge and support

Updated 11 months ago

Trying to change the box icons on the style guide

At a glance

#RelumeStyleGuide # StyleGuide

Trying to change the box icons on the style guide - but I am not seeing a list or outline of the icon rm sizes - so that I can have all the resizing of my replacement icon completed -- thank you!

M
M
16 comments

are you in Figma or Webflow? I am guessing Webflow. If Webflow, might I recommend our Relume Icon library which makes adding new icons a breeze.
https://icons.relume.io/

With that in mind, the icons within the style guide page itself is purely documenting the sizing classes. Changing the icon on that page, will not change that icon throughout the rest of the components.

Happy to help further if any of this is unclear!

On the style guide - i seek to replace the relume Box icon with this icon (attached) -- including all those size variations -- so I was hoping for a px or rem size list for each of them, so i can make sure I have the right sizes before changing the style guide to match my actual brand kit (also attached)

okay yeah, we have two style guides - so depending on which tool you are in, will depend on my instruction - are you in Figma or Webflow?

Webflow - sorry I did not add that previously!

do you have this icon in SVG file format or no?

okay, I think this might be my last question are you using Figma at all for this or no?

I have Relume Sitemap and Wireframe inside of Figma project along with the wireframe of the template i bought on webflow and am now only using some bits and pieces of.

Bought the template, then found relume, and started from scratch -- now trying to merge it all together, with the best of my previous website iterations from over the past decade in business.

The current placeholder page is FreelancingFactory.com

Here is the Figma file link, too: which is editable as well for you

https://www.figma.com/file/nrQ1vqPJAoF3UNGPzJ4yOa/Freelancing-Factory-Website-4.0?type=design&node-id=0%3A1&mode=design&t=NGo2lGLiAKeaf0uH-1

Here is my RElume work

https://library.relume.io/app/project/P434907_mWUhFNZVNZXLUtfF68hh6rlE_1cZAS_pr_Lbfgn-u2E

the CMS parts are my biggest trick thus far. for ecommerce and use of webflow logic and automation with it.

Trying to create such an ecom setup as this (attachments) - with as few add-on tools or apps as possible...

okay awesome, thanks for all of those details!

So In figma, if you find the icon that you want to bring into webflow, and you right click the icon and go to Copy/Paste > Copy as SVG and paste it into your webflow project, our Relume chrome extension should do the heavy lifting of bring that SVG code in and you can define what size you want to make it. SVG is vector, so if its truly a vector graphic - its infinitely scalable.

Make sure you have the Relume Chrome Extension installed though.

Woo not going to lie that's taking on a lot all at once for all the new tools but hey, if you are going to dive in, why not dive in head first right?

Truth in words! lol

i would not mind having my final work be used on your Relume Inspirations page either - if yall can help me push the boundries of these latest cms, ecom and other features y'all just launched that could help bring my screenshots of my backend, to the website / frontend. πŸ™‚

Add a reply
Sign up and join the conversation on Slack