Skip to content

Instantly share code, notes, and snippets.


mark l chaves marklchaves

View GitHub Profile
marklchaves /
Last active Mar 7, 2020
Response to, "CSS for making Fusion Slider responsive"

Reply to this thread that is not letting me re-post my edited response.

Hi @kabrosidigital and @esd112,

Can you provide some visual examples? Responsive, has a few meanings out there (it's an overused term). By default Avada is responsive. Meaning it will scale content appropriately (responsively) to different device screens and resolutions.

You can see this clearly by viewing all Avada demos on multiple devices (alluding to Michael's example).

marklchaves / avada-equal-height-plain-columns.css
Created Oct 16, 2019
CSS Only Solution to Equal Height Columns in Avada by ThemeFusion (two plain columns with buttons)
View avada-equal-height-plain-columns.css
/* For Avada by ThemeFusion */
/* The equal height problem is only an issue for larger devices. */
@media screen and (min-width: 1024px) {
/* Make the column content equal height. */
.your-classname-here .fusion-column-wrapper {
height: 440px !important; /* Adjust for your content. */
/* These CSS selectors depend on what Avada buttons you use. Note the button-2 class--change as needed. */
.fusion-button.button-flat.button-small.button-default.button-2.fusion-button-default-span.fusion-button-default-type {
marklchaves / minimal-mistakes-responsive-snippet-page__hero.html
Created Nov 8, 2019
First Attempt to Support Art Direction Mobile First Images on Minimal Mistakes Jekyll Theme
View minimal-mistakes-responsive-snippet-page__hero.html
<!-- Process the Hero Image -->
{% if page.header.overlay_image_mob %}
{% if page.header.overlay_image_mob
contains "://" %}
{% capture overlay_img_mob_path %}{{ page.header.overlay_image }}{% endcapture %}
{% elsif page.header.overlay_image_mob %}
{% capture overlay_img_mob_path %}{{ page.header.overlay_image_mob | relative_url }}{% endcapture %}
{% endif %}
{% else %}
marklchaves / caughtmyeye-dev-portfolio-masonry.js
Created Nov 8, 2019
Modified On Load JavaScript Code from kfrankc's Customisations of the Minimal Mistakes Jekyll Theme
View caughtmyeye-dev-portfolio-masonry.js
// Refactored to support on load and resize calls. ~mlc
function loadMasonry() {
// console.log("Inside portfolio-masonry.js");
var grid = $('.grid__item');
var container = document.querySelector('.archive');
// Get reference to loading screen
var loading_screen = document.getElementById('loading');
imagesLoaded(container, function() {
marklchaves /
Created Nov 26, 2019
Darkening a Background Image CSS Only

Reply to Avada Froum Thread: Change Column Order on Mobile

Thanks for sharing your code, Austern & Alex!

I've used CSS order properties with other themes, but not yet with Avada. Your posts gave me inspiration to refactor one of my Avada staggered layout designs as a test.

The code posted by Austern, then reposted by DFeick didn't work for me. I also wanted a mobile-first design.

Anyway, here's the CSS I came up with that worked for me. If anyone is interested.

marklchaves / custom_disable_avada_js.php
Last active Aug 25, 2021
Force Deregistering of Scripts in Avada--Add this to your functions.php
View custom_disable_avada_js.php
* Kindly provided by @notebleu on the Avada Community Forum
* -
function custom_disable_avada_js() {
marklchaves / deregister_silder_revolution_contact_form_7.php
Last active Sep 27, 2020
PHP code to prevent loading of Revolution Slider and Contact Form 7. Test the Rev Slider code. I recall having trouble deregistering Themepunch.
View deregister_silder_revolution_contact_form_7.php
* Don't load Revolution Slider & Contact Form 7 plugins
* if the page doesn't need them.
function my_deregister_javascript() {
if ( !is_page(YOURPAGEGOESHERE) ) {
wp_deregister_script( '' );
wp_dequeue_script( '' );
marklchaves / forecast.js
Last active Jan 23, 2021
How to read in an environment variable on Netlify using a lambda function.
View forecast.js
* This was a proof of concept for me to be able to
* retrieve an API key using a Netlify environment variable
* using this lambda function. I spent a lot of time looking
* for a complete example like this--without any luck.
* So, here's a step-by-step of what I did.
* 1) For this function to work, define the env variable in
* Netlify > Site > Build & Deploy > Environment > Edit Variables
marklchaves / h2_to_h3.php
Last active Jun 28, 2021
WordPress Filter for Mutating Title Tags
View h2_to_h3.php
* This function mutates all H2s to become H3s. Add
* this to your child theme's functions.php file.
* Change or add to this as needed. I.e., change the
* target tag and replacement tag to whatever you want.
* Add more lines to remove more title tags, if you want.