SSL Labs ScoreSecurityHeaders.io Score

Log in to participate

There is no cost to join RicheyWeb, and membership is a requirement to submit bug reports and participate in the support forums.

button not centered

More
4 weeks 1 day ago #1529 by SchochS
SchochS created the topic: button not centered
Hi there,

I installed the topofthepage plugin and I must say I love it!

Only one litte problem:
the button is not really centered. On the PC browser page this is not a bit ptoblem, but on the smartphone it looks odd:
www.stefan-schoch.de

What can I do to fix this?

Thx,
Stefan

Please Log in or Create an account to join the conversation.

More
4 weeks 21 hours ago #1533 by michael
michael replied the topic: button not centered
Add this to #plg_system_topofthepage CSS

 left: 50%;
 margin-right: 50%;
 transform: translate(-50%,-50%);

I think that should do it

Please Log in or Create an account to join the conversation.

More
4 weeks 9 hours ago #1536 by SchochS
SchochS replied the topic: button not centered
Thx!

That's weird. On the PC the button seems to be centered now, on the smartphone it a bit too far left. And the bottom margin seems to be bigger now (shall be 15px).
And the button is to narrow, so the text is broken into two lines (shall be one line).

This is how my CSS looks like:

#plg_system_topofthepage{
border:1px solid #000;border-radius:4px;margin:15px;padding-left:20px;padding-right:20px; padding-top:4px; padding-bottom:4px;background-color:#D2D2D2;color:#000;left: 50%;margin-right: 50%;transform: translate(-50%,-50%);}

#plg_system_topofthepage:hover{background-color:#008BA3;color:#ffff;}

Any idea?
Attachments:

Please Log in or Create an account to join the conversation.

More
3 weeks 6 days ago #1549 by michael
michael replied the topic: button not centered
I don't know what is going to interact with your template. I provided the CSS fields to make it easy to experiment, so you can fit the button to your template.

I'm not going to style your site.

Please Log in or Create an account to join the conversation.

  • Not Allowed: to create new topic.
  • Not Allowed: to reply.
  • Not Allowed: to add attachements.
  • Not Allowed: to edit your message.
Kunena Forum