Visitor Counter – Bit of Smart approach required

Hello Luke,

I found that the Text of Visitor Counter is showing in 2 lines on Real Mobile devices. (not mobile view)
This does not looks good and professional. There is just one word wrapping down in the 2nd line.
Screenshot attached.

Probably this may not have been tested on Real Mobiles before adding this specific text – XX People watching this product now!
Otherwise, text would have been modified as well as the Left-right padding (or margin) would have been reduced a bit, so as to accommodate this same text in One line

Required Solution–
a) Please Add an Option, so that we can change this Text according to our needs and to fit it in One line on Mobile devices, from the backend.
b) Until then, can you please share the Snippet code, to change this text-
From – XX People watching this product now!
To – XX People watching this now!

Other than that –
c). How to reduce Top and Bottom Padding
d). And how to change the BG color from Pink to some other color.

Regards

Attachments:

You must be logged in to view attached files.

Hello,

With the help of the below code you can adjust the font, color, and padding. Enter it into the “Custom CSS for mobile” area that is in Theme Settings -> Custom CSS.

.wd-visits-count-msg {
    font-size: 13px;
}

.wd-visits-count.wd-style-with-bg {
    padding: 10px 20px;
}

.wd-visits-count.wd-style-with-bg:before {
    background: orange;
}

https://gyazo.com/829a3993db38bdf8528a07d0c2dc49c3

If you’d like to contact us, we are here for whatever questions you may have.

Kind Regards

Hello Luke,

Thank you for sharing the CSS.
However, changing the font size here, is not the solution alone. I requested the Snippet code to change the Text.

Also, this query got skipped somehow. Can you please answer on this-
Required Solution–

a) Please Add an Option, so that we can change this Text according to our needs and to fit it in One line on Mobile devices, from the backend.
b) Until then, can you please share the Snippet code, to change this text-
From – XX People watching this product now!
To – XX People watching this now!

PS: We do Not want the text Product in this line.

Regards

Hello,

This text can be changed with the help of the Loco Translate plugin, therefore there is no need to add such an option. So navigate to Loco Translate -> Themes -> WoodMart -> enter keywords and change the text (more detail on the below screenshot).

https://prnt.sc/mmYoYqm99u3t

Result: https://prnt.sc/Zishf33ygE6P

Also, here is our documentation on how to change the text with the Loco Translate:

https://xtemos.com/docs-topic/translate-woodmart-theme-with-loco-translate/

Kind Regards

Hello Luke,

I understand. But, I do not prefer to use any 3rd party plugin, specially just for this 1 word.
And as this line is coming from Woodmart itself, so I assume, code should be easy for you.

Can you please suggest the Code snippet for Visitor Counter text. Would highly appreciate it

Regards

Hello,

The thing is that the text from a counter visitor cannot be changed via the child theme so you have 2 ways:

1. Change it with the help of the Loco Translate

2. Change it directly via inc\integrations\woocommerce\modules\counter-visitors\class-main.php.

https://gyazo.com/040722c54432560ac628e4a955b24f47

If you would like to discuss the issue further, our customer support team is here for you.

Kind Regards

[Author]

Posts