D
deep
·
Added a discussion
How to change Default Color (Artificer)?

Hi All,

I have installed Spacenook and default color of is blue. I would like to change color to .bg-col-blue2-dark .col-blue2-dark. How can I achieve this?

image_transcoder.php?o=sys_images_editor&h=1976&dpx=1&t=1714033028

Another question:

What is recommended method to customize configuration to ensure that next update does not wipe it anything? (Example: In wordpress all customization was done in child theme so that update on these or Wordpress does not impacts customization)

Thank you so much for your support .

Thanks,

  • 475
Comments

    • Hello @deep !

      1) Artificer may change styles only via the Studio->Artificer->Custom Style area. You no need to change the applied CSS classes, but you may redeclare the settings of the classes there like:

      .bg-col-blue2-dark {

      color: new color;

      }

      2) If you will make all changes via the Studio then all of them will be kept after the upgrade. It's better not to touch UNA files.

      • D

        Hi @LeonidS ,

        I tried above but it did not changed color. Spacenook have default color as blue but my requirement to change it to below color. All current blue color reference should get changed into blue2-dark color. Below is an example just example for profile page but want this to change in all site.

        image_transcoder.php?o=sys_images_editor&h=1978&dpx=1&t=1714043501Thanks,

        • Did you save your changes successfully?

          UPDATE - I could test change the background-color in your site successfully.

          • D

            Yes, I have also cleared cache but no luck.

            image_transcoder.php?o=sys_images_editor&h=1981&dpx=1&t=1714046098I was able to change all button color using below code but I dont want to apply class by class.

            .bx-btn.bx-btn-primary,bx-btn {

              background-color: #8a00ba;

              background-image: linear-gradient(90deg, #8a00ba 0, 50%, #8a00ba 100%);

              box-shadow: 0 1px 2px 0 rgba(138, 0, 186, 0.5);

              color: ;

            }

            • I'm having the exact same issues. Custom styles are not working for me in the Artificer Theme. Can you please provide just one simple example of changing an elements style. I can't find any docs or tutorials for this anywhere.

              • .dark .bx-btn.bx-btn-primary {

                 --darkreader-bg--tw-bg-opacity: 1;

                 background-color: rgb(50, 26, 80);

                }

                • .dark .bx-btn.bx-btn-primary:hover {

                   --darkreader-bg--tw-bg-opacity: 1;

                   background-color: rgb(60, 36, 90);

                  }

                  • Thank you so much. You solved it! Now I'm manually hunting through classes to try and modify them and maintain some sort of theme consistency. Is there some sort of global colour scheme?

                    • I use Firefox Developer Tools, is a set of web developer tools built into Firefox. You can use them to examine, edit, and debug HTML, CSS, and JavaScript.

                      Note: You can find in your una/public_html/template/css

                      Don't modify there. It will re-write in future updates. Instead, copy and paste to Studio> Artificer> Styles> Custom Styles

                      Login or Join to comment.