Skip to content

Instantly share code, notes, and snippets.

Avatar
😇
No MVP without accessibility!

Anne-Mieke Bovelett Bovelett

😇
No MVP without accessibility!
View GitHub Profile
@Bovelett
Bovelett / elecheck.txt
Created May 10, 2022
Bookmark that checks if a site uses Elementor
View elecheck.txt
/*Create a new bookmark, and paste the code below. When you want to check if a site uses Elementor, simply choose this bookmark whil you are on the page*/
javascript:(alert(document.querySelectorAll('.elementor').length?%27Yes%27:%27No%27))
@Bovelett
Bovelett / Elementor Accessible Global Button
Created Dec 27, 2021
Link styled as a button. This is the HTML for the Elementor Button, which makes it "listen" to the settings in your Global Site Settings. Add this with the HTML widget. You can then add in your link manually. This way your link is styled as a button, but it will appear in the link list of screen readers.
View Elementor Accessible Global Button
<div class="elementor-button-wrapper">
<a href="your_full_link_here" class="elementor-button-link elementor-button elementor-size-sm">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">This is your button text</span>
</span>
</a>
</div>
@Bovelett
Bovelett / detectelementor.txt
Last active Jun 17, 2021
Bookmark Elementor Pro Detector
View detectelementor.txt
javascript:(alert(document.querySelectorAll('.elementor').length?'Yes':'No'))
Create a bookmark in your bookmark manager, and instead of a link, add this line of code. I've only tested this in Chrome, but I think it works in other browsers too.
With thanks to Siggi Becker, who gave me this sweet snippet when I joined the ranks of Elementor Community Leaders.
@Bovelett
Bovelett / cta.css
Created May 12, 2021
Elementor Button HTML without role="button"
View cta.css
/*Manual Button CSS if you want to center the button*/
.cta_included {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@Bovelett
Bovelett / functions.php
Last active Apr 15, 2021
SMTP via WordPress Functions.php
View functions.php
<?php
// WARNING!! DO NOT USE ON A MULTI USER SETUP. password is not hashed!
// Configures WordPress to use SMTP server
define( 'SMTP_USER', 'hello@yoursite.com' ); // Username to use for SMTP authentication
define( 'SMTP_PASS', 'SMTP_PASSWORD' ); // Password to use for SMTP authentication
define( 'SMTP_HOST', 'smtp.smtpserver.com' ); // The hostname of the mail server
define( 'SMTP_FROM', 'hello@yoursite.com' ); // SMTP From email address
define( 'SMTP_NAME', 'FROM_NAME' ); // SMTP From name