• Welcome to the Chevereto user community!

    Here users from all over the world gather around to learn the latest about Chevereto and contribute with ideas to improve the software.

    Please keep in mind:

    • 😌 This community is user driven. Be polite with other users.
    • 👉 Is required to purchase a Chevereto license to participate in this community (doesn't apply to Pre-sales).
    • 💸 Purchase a Pro Subscription to get access to active software support and faster ticket response times.
  • Chevereto Support CLST

    Support response

    Support checklist

Centre position web button

mrneilypops

Chevereto Member
Hi,
Probably a very simple answer to this question.
I am trying to centre a web button on Chevereto. [patreon]
I have tried various html commands however the button is always 'off centre'

Screenshot from 2018-11-02 23-08-23.png

Any help much appreciated.

Code:
<a href="https://www.patreon.com/bePatron?u=9282609" data-patreon-widget-type="become-patron-button">Become a Patron! </a><script async
src="https://c6.patreon.com/becomePatronButton.bundle.js"></script>

Share your linux scrots
 
You could try to use a parent center-box class.

- What is your google page speed score if I may ask?
 
@tomsit
Thank you for taking the time to reply.

1. 'center-box class'...hmm...I tried <center></center> and <div class="center-div"></div>
...that is about the sum total of my html/css skills....

2.I have no idea what my google page speed score is.
How do I find out?
 
try pack it in
Code:
<div class="center-box">
    Your move

</div>

Just look in the code from an inspection tool (chrome-> inspect) and get familiar with it, you'll soon notice it's easier to just use what's already there instead of inventing the wheel over again.
 
Code:
<div class="home-buttons">
<a href="#" class="btn btn-big white outline">text</a>
</div>
 

Attachments

  • 20181103140600.png
    20181103140600.png
    725.1 KB · Views: 12
Code:
<div class="center-box">
<a href="https://www.patreon.com/bePatron?u=9282609" data-patreon-widget-type="become-patron-button">Become a Patron! </a><script async
src="https://c6.patreon.com/becomePatronButton.bundle.js"></script>
</div>

Button is still not centered in banner block.
Any help welcome.

https://scrot.moe
 
Hmm, messy stuff. You can just add a margin-left to the class <div class="_2KV-widgets-shared--patreonWidgetWrapper" style="margin-left:20%">

1541260509524.png
 
@tomsit Thank you for the help.
Code:
<div class="_2KV-widgets-shared--patreonWidgetWrapper" style="margin-left:8%">

The above seems to be the best fix @1920x1080...but this does not hold as I adjust browser size...
 
Yeah, you should make it responsive. If you don't figure it out I can help you out later when I have more time
 
Code:
<div class="_2KV-widgets-shared--patreonWidgetWrapper" style="margin:auto">

Then edit the width of the button to 175px

Code:
title="Patreon Widget" style="position: relative;visibility: visible;width: 175px;height: 36px;"></iframe>

Looks good on my end
 
@tomsit Thanks for your patience.
I have the first code part installed.
Where do I put;
Code:
title="Patreon Widget" style="position: relative;visibility: visible;width: 175px;height: 36px;"></iframe>
 
@tomsit Thanks for your patience.
I have the first code part installed.
Where do I put;
Code:
title="Patreon Widget" style="position: relative;visibility: visible;width: 175px;height: 36px;"></iframe>

It's in your script code, I have no idea where you can edit that, either from the script provider or where you put that code, in banners maybe?
 
Back
Top