Rectangular Box Displays Before Match Executes

[hughm]

I am wondering, there is a white rectangular box that flashes over the match in the member profile with the matching number for a brief second before the match score is calculated. Then the match meter operates and displays the percentage match very nicely. Is there a way to get this box to not display?

[SQadmin]

Hi,
Try adding this to sweetdate-child/style.css or in WP admin – Sweetdate – Styling options – Quick css:

COPY CODE

.greenCircle {display:none;}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[hughm]

I added the above code to the Quick css but it didn’t work. I don’t have any type of caching plugin working. Could that be the reason? The box doesn’t seem to appear on profiles that I have already visited.

[SQadmin]

Indeed…
That code should fix it..

COPY CODE

input[type="text"].greenCircle {background: rgba(0, 0, 0, 0)!important; border:none !important;color:transparent;}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[hughm]

Almost there. The modified code gets rid of the white box completely. Only the match number still appears in black for a brief moment directly to the left of the word “match” just before executing the matching percentage meter.
I will mess with this some more tomorrow but if you know a quick fix then I would appreciate it.
Thanks again!

[SQadmin]

We can’t see that.. but if it appears to you, add a color:#fff; statement and a margin-left to the above code to make it right

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[hughm]

Thanks. I still can’t get this figured out. If I change the color then both the number that flashes to the left of “match” and the final match number change to that color. Without any CSS the first unwanted number that flashes appears in black non-bold and then the match meter calculates and the final same number appears in bold white. If I change the color in CSS to blue, both numbers appear non-bold blue.
I can give you a login to check it out if you are curious. I will keep messing with it today and test on another machine in different browsers to see if I can figure it out.
Thanks for the ongoing support!

[SQadmin]

Try the code again with color:transparent;

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[hughm]

I tried the CSS with the addition you mentioned and the number still displays. Here is the code I am using.

.greenCircle {background: rgba(0, 0, 0, 0)!important;
border:none !important;
color:transparent;
}

If I add “!important” to the “color:transparent” code it gets rid of the problem but also hides the match number that I want to display.

Thanks for your attention to this detail.

[SQadmin]

You don’t have the latest code.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[hughm]

Sorry about that. I didn’t see the new code there. That works!!! The input[type=”text”] was the missing piece of the puzzle.
Looks great. Thanks a lot!!!

[Author]

Posts