Counter Box Size

Hi @ericus2307,

Please put the below code in you custom css

#wpsm_counter_b_row_3461 .wpsm_counterbox {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

and also put this css in your visitor counter plugin custom css.

.detail-content.single_page img {
    float: left !important;
}

if its work let us know.

Thank you

Thanks very much. Works a charm.

Hi @ericus2307,

Glad That your issue has been resolved if you like our plugin please rate us.

Thank you

It does not seem to work on mobile devices where the display is still vertical instead of horizontal. Please do you have a solution for this?

Thanks in advance.

Hi @ericus2307,

Use the below code in custom css.

@media only screen and (max-width: 639px)
.detail-content.single_page img {
    width: 16% !important;
}

if it works let us know

Good morning and my apologies to bug you with this:

Where I customise my Theme and add CSS I added this originally:

#wpsm_counter_b_row_3461 .wpsm_counterbox {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.detail-content.single_page img {
float: left !important;
}

Then you said to add this to force the visitor counter to display correctly on a mobile device.

@media only screen and (max-width: 639px) .detail-content.single_page img {
width: 16% !important;
}
`

Does not matter how I add it in the custom CSS of my theme I can’t get it to display correctly.

Any chance to help me out please? I think I am using the Custom CSS of the theme incorrectly and somewhere you are referring to the visitor counter custom css which I am unable to find.

Thanks in advance for your kind assistance.

Please can someone just assist with this issue. I need to get my mobile device display correct.

You said:

Please put the below code in you custom css

#wpsm_counter_b_row_3461 .wpsm_counterbox {
margin-top: 0px !important;
margin-bottom: 0px !important;
}

You also said.

and also put this css in your visitor counter plugin custom css.

.detail-content.single_page img {
float: left !important;
}

Where is this? That is obviously not in the Theme custom CSS.

Lastly you said:

Use the below code in custom css

@media only screen and (max-width: 639px)
.detail-content.single_page img {
width: 16% !important;
}

Once again which customer CSS? the Theme custom CSS or the visitor counter plugin custom css which is where exactly?

Please assist. I want my mobile device to display travelmania.blog visitor counter correctly.

Hi @ericus2307,

You should paste additional CSS in our plugin backend custom CSS field and other additional CSS in the visitor plugin backend custom CSS field so it will work fine.

Thank you

Good morning

That was my question exactly. Where is the plugin backend custom CSS field. I cannot find anything like that for the visitor counter?

We are talking about the WPS Visitor Counter?

Hi @ericus2307,

Visitor counter is not our plugin so we don’t know where it custom css in its plugin.

Thank you