Okay
  Public Ticket #1846199
Customize Colors
Closed

Comments

  • Patrick started the conversation

    Hi guys... installed the theme and have been working on it for a while now... loving all the options you built in. The color swatches are a nice touch. Is there a way I can create my own color library to be used for the swatches section? I have custom colors in my merchandise and would love to add these. And, some of the color swatches show up as blank as those colors don't exist in the Shella library, so I'll have to do some editing there to.

    Please advise. Thank you.

  •  196
    Mari replied

    Hi Patrick,

    Thank you.

    Shella theme now support only CSS colors - https://www.w3schools.com/cssref/css_colors.asp

    We plan to add configuration section, so you can add custom colors and images in future updates.

    Unfortunately I can't give you exact estimate when it will be released.

    For now you can enable custom.css file and add needed styles there.

    ### example for green color
    .standard-color-green {
        background-color: #008000 !important;
    }
    ### example for custom code
    .standard-color-[custom-name] {
        background-color: #[custom-code] !important;
    }

    where [custom-name] - string, name of color and [custom-code] - color code.

    Best regards, Mari

    Stay safe and healthy.

    Best regards, Mari

  • Patrick replied

    Thank you for the response, Mari.


    So, I'm not much of a coder, but know enough to do some tweaking here and there, so please forgive my fumblings.

    I went into the custom.css.liquid (assuming that's the custom.css you were referring to), and added a color Dark Red which is already showing up on my site but blank dot (I also referred to the color library site you sent... thank you!). Saved and went to preview and it's still blank.


    Please let me know if I'm missing something.


    Thank you in advance.

  •  196
    Mari replied

    Create staff account for me ([email protected])

    I will link custom.css file and create working snippet for 1-2 colors.

    I hope you will write positive review for my theme.

    Best regards, Mari

    Stay safe and healthy.

    Best regards, Mari

  • Patrick replied

    Thank you Mari! I look forward to seeing the linked file. I will most certainly give a review asap. How do I work with this file you're about to send?

  •  196
    Mari replied

    1) Theme settings -> Developer -> Enable custom.css

    2) I have added handleize filter to generated class name  http://prntscr.com/m4l6nq

    It looks working now.

    Best regards, Mari

    Stay safe and healthy.

    Best regards, Mari

  • Patrick replied

    Mari,,

    Yes! Thank you. This worked. Excellent.


    Where can I leave a review for you?

  •  196

    Stay safe and healthy.

    Best regards, Mari

  • Patrick replied

    Hello Mari!

    Left a review for you. Thank you again for your assistance last week with the custom colors.

    I went to do some more tweaking of the site, and noticed my custom colors no longer show up (seen in screenshot). Am I missing something?

    Please advise. Thank you.

  •  196
    Mari replied

    Hmm,

    Thank you for review.

    What changes do you apply? Did you switch live theme? Did you edit source code files?

    I can't access your store now - http://prntscr.com/m6kwr1

    Is store is working for you?

    Best regards, Mari

    Stay safe and healthy.

    Best regards, Mari

  • Patrick replied

    Hello Mari,

    I've  regranted your access. Thank you for any assistance.

    Not sure what happened. I haven't switched the theme, and I haven't changed any of the code (Don't know enough about code to change it.... beyond the custom color list we've created together. LOL) I have taken the store live a couple times to preview online, but take it back down again to work with the theme more and more.


    Thank you again, Mari.

  •  196
    Mari replied

    Hi Patrick,

    I reviewed your store.

    In your screen short you mention "Dusty pink" color. But you don't add it at custom.css file.

    You should add all custom colors to this file.

    Best regards, Mari

    Stay safe and healthy.

    Best regards, Mari

  •   Patrick replied privately
  •  196
    Mari replied

    Hi Patrick,

    Make it lowercase - http://prntscr.com/m7bth2

    Best regards, Mari

    Stay safe and healthy.

    Best regards, Mari

  • Patrick replied

    Thank Mari! Once again, you've saved the day. I appreciate your help.

  •  196
    Mari replied

    Welcomesmile.png

    Stay safe and healthy.

    Best regards, Mari

  • jhgates81 replied

    What if the color was to be camouflaged, or 3 colors like Red, White, and Blue. Is there a way to split the circle into 3 colors to be shown in that?

    Or if you're using an animal print style, how could you get a small sample of the animal print into the circle?

  •  196
    Mari replied

    Hi jhgates81,

    I believe it's better to create new ticket for your question.

    You may configure custom images for this.

    Best regards, Mari

    Stay safe and healthy.

    Best regards, Mari

  •   Patrick replied privately
  • [deleted] replied

    Hello, Patrick.

    Check if your custom code changes or app doesn't conflict with theme code. Have you seen such issues from the first theme installation?

    If you still see the issues create staff account for me ([email protected]) I will review it at your store.

  •   Patrick replied privately
  • [deleted] replied

    Hello,

    We've uploaded the latest version of our theme - 1.0.8 (your current is 1.0.3 - old one). Also we've copied your config data to the new copy and custom.css. You can check our copy to be sure that it works correctly and publish it.

    Also in the new version you don't have to write css for custom colors manually. You can configure custom color names and color values at Sections -> General settings - http://prntscr.com/mj2fgq


  •   Patrick replied privately
  • [deleted] replied

    Glad to help you, Patrick  !

    P.S. Please rate our theme if you like it.