How to show 2 status on center?

[steve]

Hey,

would like to only show “Members in total” and “Members online” but after i delete “Women” and “Men” it shows statuses on left and right corner, would like to move these on center. How to do it?

Thx,
Steve

[Laura]

Hello, please try to add this to your style.css in sweetdate-child theme:

COPY CODE

.status {
left: 290px;
}
[class*="column"]+[class*="column"]:last-child {
float: left;
}

Let me know if its working 🙂

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

[steve]

Hi,

worked like a charm, thank you very much.

Steve

[steve]

P.S but not show it on smart devices (out of screen). How to make it responsive?

Steve

[Laura]

Hello, can you give me your website link to check it out?

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

[steve]

Hello,

want to show 2 statuses not 4 and put these on center. With code you sent it works, but it is not responsive (out of screen).

You can check: http://web.webberry.eu/

Br,
Steve

[Laura]

Hello, try this:

COPY CODE

@media only screen and (max-width: 767px)
.row .mobile-one {
width: 50% !important;
float: left;
padding: 0 16px;
margin-left: 0% !important;
}
.status {
left: 13%;
}
.status {
text-align: center;
position: initial;
bottom: 0px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 270px !important;
margin-left: 10%;
}

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

[steve]

Hi,

seems it is working, thank you. 1 more thing, i want to show “Members online” and “Members in total” how can i put these options on center? (on the moment it will be on left and on right, cause deleted “Men” and “Women” were on center)

Thx,
Steve

[Laura]

Hello, try:

COPY CODE

#call-to-actions .twelve .columns {
margin-left: -6%;
}

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

[Author]

Posts