Return to previous page

Can’t change color of preloader Background and some spots where it is green by default

This topic has 10 replies, 2 voices, and was last updated 1 years ago ago by Tony Rodriguez

fiora

Participant

October 20, 2023 at 10:27

Hi there, I started using your Theme for my ecoomerce website and I’m loving it but I’m still havng sometroubles personalizing some things.

I could change the preloader logo with ease but I can’t find a way to change the preloader background color, it is still green as it was by default. I tried looking at all the options on Customize and also tried changing it with css but wasn’t able to. Can you tell me how I can do this?

https://lh3.googleusercontent.com/pw/ADCreHccNixhf0HjbQHStqGUedEQ-a5wWOfZDbf9sdycZbBaQUoqwF2sWvmMUXa4fov5eBO4HbG5hEi6Cz6jmSphy_1qIdRVDeWV-bTFnCQn_IvW7fBJUkGcHvUrqpPzxJsyza4c0b80cuJtM9ys8vwvAr32=w2504-h1274-s-no

Also there are more spots that are still green and I am not finding a way t change it. Like for exemple the background of the sticky Menu, os the background of some areas on the Homepage, can you also help me with this?

https://lh3.googleusercontent.com/pw/ADCreHfAzc1Eyk6ArYzKM-S2tkSfsclejWYrdlVeWUnFojgVHWGQgUpIVc8CUh_eud-NcgXdGgab8uKnUe_Qk1IKDDINA7KW8vxB58GWVjsP7Eigana_-EiNTRYFZMHQT88ieScDmHq4l2_99lPY3lmHyq1l=w2496-h332-s-no

https://lh3.googleusercontent.com/pw/ADCreHdblPjXJNIvZyjdGxDVsOoRS7CCO_Jc-enWdcijw46tzjIEcRItJgv9UTdQ0CdwJTRiN9O0ZVtgHpRip7kOdX0vJ3WHs-9RrqfPNt_yl0ayLiSNoOfFeIq0ZYbApiZ0TNJy17Ba9ahvx2_S6EqwyEmM=w2482-h1265-s-no

https://lh3.googleusercontent.com/pw/ADCreHf2F_SdW9WQZNdmkb1vizaGxg1-SX9z0mqgMrrf2ufPNWKGO5FYuRHDHzDjbB5g8zr68uENyRjZGDUWlZuldmZXKgRmijlt24bEAusDYetM3Kzwp5Po2n_Q6Ey-m9qEps1uLRjRf7t-TY2xpevUGbS0=w2490-h1267-s-no

I want to change it to pink instead of green, thanks a lot.

#370915 Copied Theme version: .9.1.14

9 Answers

Tony Rodriguez

Support staff

October 20, 2023 at 12:21

Hello, @fiora,

Thank you for contacting us and for using XStore.

1) Should you desire to modify the background color of the site preloader, kindly follow these steps:

1. Go to Xstore
2. Select Theme Options
3. Choose Theme custom css

Here, you will find the css code. You can alter the background color value according to your preference and then publish it.

Please refer to the attached image for further clarification.
https://imgur.com/Wii9NIZ

2) Should you desire to modify the background color of the sticky Menu, kindly proceed to Xstore > Theme Options > Header builder > Header Sticky. Here, you will be able to adjust the background color according to your preference and subsequently publish it.

Please refer to the attached image for further guidance.
https://imgur.com/r4jTSkF

3) If you are interested in altering the background color of the site, kindly follow these steps: Go to Xstore > Theme options > Styling/colors > Select a background color and then publish it.

Please refer to the attached image for further clarification.
https://imgur.com/ToQ4K3B

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best Regards,
Team 8Theme.

#370930 Copied

fiora

Participant

October 23, 2023 at 10:18

Hi, thank a lot for your reply. I was able to edit the sticky menu as you said on point number 2, but I was still not able to change the other 2 points.

When I load the website a green squar still apears and can’t change it’s color. I also changed the background color on Theme options > Styling/colors > but I still have those green areas that I can’t find a way to change.

#371171 Copied

Tony Rodriguez

Support staff

October 23, 2023 at 11:38

Hello, @fiora,

Thank you for your response.

I was able to edit the sticky menu as you said on point number 2, but I was still not able to change the other 2 points.

1) Your request is bit unclear to us, Please describe in detail with screenshots. So that we will further check it for you and help you accordingly.

2) Do you mean this: https://postimg.cc/bsF05nBN and https://postimg.cc/xqBTFTPV

In order to assist you with your inquiry, we request that you provide us with URL and temporary access to the wp-admin of your website. This will enable us to take a closer look at your settings and provide you with a more accurate and specific solution.

To do this, please follow these steps:
– Create an account via Dashboard (Users > Add new) with administrator role. Refer to the following image for guidance: http://prntscr.com/s3rc9m
– Provide us with the username and password for the newly created account via the Private Content area. Refer to the following image for guidance: http://prntscr.com/s5mao7
– Any email address can be used for the new account, it does not have to be your personal email.

Please let us know once you have completed these steps, and we will promptly review your account information and provide assistance as soon as possible.

Kind Regards,
8theme team.

#371184 Copied

fiora

Participant

October 23, 2023 at 19:47

Yes is exactly that green areas that I was talking! I’m sending you the required data, thanks a lot for the help.

Please contact administrator
for this information.

#371285 Copied

Tony Rodriguez

Support staff

October 24, 2023 at 07:25

Hello, @fiora,

We appreciate your cooperation in providing us with the wp-admin login details.

We are pleased to inform you that the issue you were experiencing has been successfully resolved. We kindly request you revisit your site after clearing your browser cache. The solution involved the removal of section margins in the edit page with Elementor, which has effectively addressed your concern.

Please refer to the attached image for your reference.
https://postimg.cc/zV407Hgb

https://postimg.cc/WD8GBdh7

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best Regards,
Team 8Theme

#371306 Copied

fiora

Participant

October 26, 2023 at 19:21

Thanks a lot with all the help, I still got a green area that I can’t get to be white as I want. Here is an exemple of where there is still that green in the background:

https://lh3.googleusercontent.com/pw/ADCreHe8Te8Yqs1GxyKcG5C5KVUPXwXpafQxwrJ_H1OeSYVuwcEJusSs68aQi1jnVdoN9G_I4lSAYb6hjiHGPEGnXoTaJZEjxGopqqsHbdfsS7Pz7_2LIGhXIFwecSnb_n_rYuzAbic0QfxClFOs5M_rO97P=w1784-h911-s-no

https://lh3.googleusercontent.com/pw/ADCreHe_LD9IwZaSdD3CJzNsPCHg-NjIrnuxndt7th5gwb1w6aCMpgyyqLqQxfhHG3CHvD–aukWIOG9pkxYEQoPH_YgrCicBdUIn8ivKmrK7xehBgLjkdUNhbVQsFabFc5_QPWGZTcDTdFdwFMllbr1t9LC=w1842-h895-s-no

#371677 Copied

Tony Rodriguez

Support staff

October 27, 2023 at 07:17

Hello, @fiora,

We appreciate your inquiry regarding the modification or removal of the green background color displayed in the screenshot you provided.

To make the necessary changes, kindly edit your page using the Elementor page builder. Subsequently, proceed to settings, then to Xstore Custom CSS. Here, you can either comment out or alter the color in the Custom CSS code. For your convenience, we have provided a screenshot illustrating this process: https://postimg.cc/TyMZZmf3

Best Regards,
8Theme’s Team

#371711 Copied

fiora

Participant

October 31, 2023 at 13:33

Thank you for all the hep. I still have some little things that I am not seeing where I can change.

First of all these 2 images:
https://postimg.cc/7GYSxn97

https://postimg.cc/mc0hn3qB

#372125 Copied

Tony Rodriguez

Support staff

October 31, 2023 at 14:00

Hello, @fiora,

We appreciate your prompt response.

We are pleased to inform you that your issue has been successfully resolved. We kindly request you revisit your site after clearing your browser cache.

To address your concern, we have made modifications to the page by navigating to XStore Options > Style > Custom Background Image. We deleted the existing image and updated the settings, which has effectively resolved the issue.

Please refer to the attached image for your reference.
https://imgur.com/KWGb7K8

Best Regards,
Team 8Theme

#372128 Copied
Tagged: color change issues, customization problems, default green spots, preloader background, woocommerce background, woocommerce templates, wordpress
Viewing 10 results - 1 through 10 (of 10 total)