Return to previous page

The problem with color of mainpage and chenging place of circle indicator.

This topic has 6 replies, 2 voices, and was last updated 1 days, 4 hours ago ago by Luca Rossi

Derya

Participant

September 17, 2024 at 12:35

Hi,

Even though I changed the color of letters as you see on 1.png, I got contrast problem on pagespeedinsight analyze (2.png).

Also, I want to change the place of circle indicator(1.png) from the right-bottom side to the left-bottom side, because it seems on whatsapp button.

Thank you in advance for your helps.

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#414727 Copied

5 Answers
Luca Rossi

Support staff

September 18, 2024 at 04:53
Hi @Derya,

1. It might be the cache, could you please clearing all the caches then test again? The text color is black already.

2. Please add this custom CSS code under XStore > Theme Options > Theme Custom CSS > Global CSS:
```
@media only screen and (max-width: 480px) {
    .back-top {
        right: 45px;
        bottom: 120px;
    }
}
```
Hope it helps!
#414800 Copied
Derya

Participant

September 19, 2024 at 08:00

Hello Lucca,

I tried to clean cache but no result unfortunatelly.

Also I put the codes which you mentioned but again couldn’t achieve to get the circle indicator on the right.

Can you please help me ?

Regards,
Derya

#414997 Copied
Luca Rossi

Support staff

September 19, 2024 at 08:48
Hi @Derya,

Can you please delete the previous CSS code and add this custom CSS codes for both issues?
```
.elementor-widget-container p {
    color: #000 !important;
}

@media only screen and (max-width: 480px) {
    .back-top {
        right: auto;
        left: 45px;
        bottom: 50px;
    }
}
```
Let us know how it goes!
#415010 Copied
Derya

Participant

September 19, 2024 at 10:27

There’s no any good result for both issues!

#415030 Copied

Luca Rossi

Support staff

September 19, 2024 at 12:42

Hi @Derya,

We’ve updated the custom CSS codes a little bit then the icon scroll-top is moved to the left now:

https://prnt.sc/u7Dm0P8xprLl

And the contrast problem, the Google seems not to crawl the latest version of your website so it will see the old color of text.

There is nothing to do with our XStore theme since the text color & background color are good for Contrast Ratio: https://webaim.org/resources/contrastchecker/?fcolor=000000&bcolor=FFFFFF

Thanks for understanding!

Best Regards,
The 8Theme Team.

#415050 Copied
Tagged: changing circle indicator, circle indicator positioning, color problem mainpage, mainpage color adjustment, woocommerce wordpress themes, wordpress themes color issue
Viewing 6 results - 1 through 6 (of 6 total)