Moving online button to the left

Go down

Solved Moving online button to the left

Post by Sienna on July 26th 2018, 5:38 am

I'm wanting to bring the online circle to the left side. I tried doing float: left, but it's not working.




Thanks for any help!


Last edited by Sienna on July 26th 2018, 6:26 am; edited 1 time in total
avatar
Sienna
Forumember

Female Posts : 93
Reputation : 6
Language : English

http://liveandnet.forumotion.com/

Back to top Go down

Solved Re: Moving online button to the left

Post by SLGray on July 26th 2018, 5:45 am

Please post a link to a topic that guests can see and make sure that someone is online and in that topic.



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
avatar
SLGray
Administrator
Administrator

Male Posts : 44345
Reputation : 3144
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: Moving online button to the left

Post by Sienna on July 26th 2018, 5:46 am

avatar
Sienna
Forumember

Female Posts : 93
Reputation : 6
Language : English

http://liveandnet.forumotion.com/

Back to top Go down

Solved Re: Moving online button to the left

Post by SLGray on July 26th 2018, 6:03 am

Is someone online and in that topic?



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
avatar
SLGray
Administrator
Administrator

Male Posts : 44345
Reputation : 3144
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: Moving online button to the left

Post by Sienna on July 26th 2018, 6:07 am

Yes, I'm online right now.
avatar
Sienna
Forumember

Female Posts : 93
Reputation : 6
Language : English

http://liveandnet.forumotion.com/

Back to top Go down

Solved Re: Moving online button to the left

Post by SLGray on July 26th 2018, 6:10 am

In your CSS, you should have this:
Code:
.online::before {
    background-color: #93F037;
    border-radius: 10px;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    right: 5px;
    top: 9px;
    width: 10px;
}
You will need to change the right line of code.  To move it to the left, you have to increase the number.



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
avatar
SLGray
Administrator
Administrator

Male Posts : 44345
Reputation : 3144
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: Moving online button to the left

Post by Sienna on July 26th 2018, 6:19 am

It does work, however, I'm not sure this will optomize correctly on smaller screens.
avatar
Sienna
Forumember

Female Posts : 93
Reputation : 6
Language : English

http://liveandnet.forumotion.com/

Back to top Go down

Solved Re: Moving online button to the left

Post by SLGray on July 26th 2018, 6:21 am

Code:
        .online::before {
            right: YOUR NUMBERpx !important;
        }



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
avatar
SLGray
Administrator
Administrator

Male Posts : 44345
Reputation : 3144
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: Moving online button to the left

Post by Sienna on July 26th 2018, 6:24 am

No, I understand that. But would it be better to use % than px to make it more optimzable or no?
avatar
Sienna
Forumember

Female Posts : 93
Reputation : 6
Language : English

http://liveandnet.forumotion.com/

Back to top Go down

Solved Re: Moving online button to the left

Post by SLGray on July 26th 2018, 6:25 am

You can try it.

AwesomeBB has it on the left side by default.



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
avatar
SLGray
Administrator
Administrator

Male Posts : 44345
Reputation : 3144
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: Moving online button to the left

Post by skouliki on July 26th 2018, 7:21 am

Problem solved & topic archived.
Please read our forum rules: ESF General Rules
avatar
skouliki
Manager
Manager

Female Posts : 4654
Reputation : 770
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum