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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts