I am attempting to change the following code to alter the color of the dots from red to teal:

<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="4" cy="4" r="4" fill="white"></circle>
<circle cx="4" cy="16" r="4" fill="#2196F3"></circle>
<circle cx="16" cy="4" r="4" fill="#2196F3"></circle>
<circle cx="16" cy="16" r="4" fill="white"></circle>
</svg>

In the custom code section of the template i added it to /body, but it is not changing the color of the dots.
Can you tell me how I can change this code?

[upl-image-preview url=https://www.joomlart.com/forums/assets/files/2021-06-21/1624277099-959149-change-color-from-red-to-teal-in-custom-code.png]

    cspgsl
    Hi
    Kindly change the color code from this file "/html/layouts/chromes/t4section.php" in template "ja_alpha".
    At the moment the color as not same as you shared here.

        Ninja

        Thanks i was able to change sections 3 and 6, but not Section 7 and 8.

        This is the code I put in:

        if($subColor == 'white') {
        $decor = '<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
        <circle cx="4" cy="4" r="4" fill="white"/>
        <circle cx="4" cy="16" r="4" fill="#2196F3"/>
        <circle cx="16" cy="4" r="4" fill="#2196F3"/>
        <circle cx="16" cy="16" r="4" fill="white"/>
        </svg>';
        }

        Thanks

            cspgsl
            Hi
            Kindly apply change for both codes in this file
            /html/layouts/chromes/t4section.php" in template "ja_alpha".
            There are 2 icons code in it.

              I made changes to both codes and it does not change when i refresh in t4-section-7 or t4-section-8

              This is what I want and changed in t4section.php :

              $decor = '<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
              <circle cx="4" cy="4" r="4" fill="#5E17EB"></circle>
              <circle cx="4" cy="16" r="4" fill="#2196F3"></circle>
              <circle cx="16" cy="4" r="4" fill="#2196F3"></circle>
              <circle cx="16" cy="16" r="4" fill="#5E17EB"></circle>
              </svg>';

              if($subColor == 'white') {
              $decor = '<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
              <circle cx="4" cy="4" r="4" fill="5e17eb"/>
              <circle cx="4" cy="16" r="4" fill="#2196F3"/>
              <circle cx="16" cy="4" r="4" fill="#2196F3"/>
              <circle cx="16" cy="16" r="4" fill="5e17eb"/>
              </svg>';
              }

              This is the original and is still showing:

              <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
              <circle cx="4" cy="4" r="4" fill="#3F3836"></circle>
              <circle cx="4" cy="16" r="4" fill="#EC4E4F"></circle>
              <circle cx="16" cy="4" r="4" fill="#EC4E4F"></circle>
              <circle cx="16" cy="16" r="4" fill="#3F3836"></circle>
              </svg>

              Is there any other place that needs to be changed for section-7 and section-8?

Thanks for your help
                5 days later

                cspgsl
                Hi
                I am sorry i missed this thread.
                Kindly open this file and change the color code

                file "/acm/testimonials/tmpl/style-1.php" in template "ja_alpha".

                In the same way if any other ACM module has it you can directly change it from module acm file.

                  Write a Reply...
                  You need to Login to view replies.