askwpgirl

/* In your Icon List, go to Advanced tab and add the following Custom CSS class:
   my-icon-list
   Then, in the Custom CSS area, add this CSS: */

.elementor-widget.my-icon-list .elementor-icon-list-item, .elementor-widget.my-icon-list .elementor-icon-list-item a{
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

askwpgirl

/* Spacing for lists in Elementor Text Editor */

.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
	padding: 0 0 20px 20px; /* Change this number to match the size of your body font */
	margin: 0;
}

.elementor-widget-text-editor ul li,
.elementor-widget-text-editor ol li {

askwpgirl

<?php 

  // Extends the Elementor Post Wiget query. Must set the widget query to get Property posts.
  // This will get property posts that match the ID of the agent in the Property's ACF relational field.
  // This only works on the agent's single post template

  add_action( 'elementor/query/agent_related_properties', function( $query ) {
    
  // Get the agent's ID from the main query.
  global $post;

askwpgirl

/* Global TEC Styles to override Elementor global button and hyperlink styles */

.tribe-events button,
.tribe-events-page-template button {
  background-color: transparent !important; 
  color: #141827 !important; /* Change color to match your theme */
  border: none !important;
}

.tribe-events a,

askwpgirl

/* See https://www.loom.com/share/eb7a5707d8b44038bde7886e3902ec11?sid=383b1a08-b755-4544-b372-446303907c48 for demo 
   See screeshot for HTML markup exmaple. This demo uses a custom loop. 
   https://www.evernote.com/shard/s20/sh/58ecb810-ad20-4b7c-84ac-17bb1dc94131/nliYiy0GKhDSkf-C-qOJUtYEymkTimGaVNc1PG_qaDajEPBuQPKBVSZGsA
*/

/* You can place this code under Appearance > Customize or in your child theme's style.css file */

/* category-blue, category-red, category-green are the names of the categories. 
   If your category name is "breakfast" then you would use category-breakfast instead.

askwpgirl

<?php

// See https://developer.wordpress.org/reference/functions/add_image_size/ for reference. 
// Also https://bloggerpilot.com/en/disable-wordpress-image-sizes/ 
// Note: You must regenerate thumbnails for new image sizes to be generated. Use Rengenerate Thumbnails plugin.

// Copy the code below into a new snippet using Code Snippets plugin

// Add all new image sizes for the site here, examples:

askwpgirl

/* Add this CSS to the Advanced tab > Custom CSS section of the Container containing the background video 
   This solution was proposed here: https://github.com/elementor/elementor/issues/1644#issuecomment-1125174378
*/ 

selector iframe {
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 1.75s;

askwpgirl

/* Add this CSS to your child theme or Appearance > Customize and choose Elementor Full Width for the page template */

.elementor-template-full-width .site-inner>.wrap {
    max-width: none;
}

.elementor-template-full-width #main {
    padding: 0;
}

askwpgirl

// Add this to Code Snippets plugin Javascript snippet

// This sets tabindex to -1 so that keyboard navigation skips over the image link

jQuery(document).ready(function () {
	
    setTabindex('.elementor-post__thumbnail__link', '-1')

    function setTabindex(selector, tabindex) {
        var links = jQuery(selector);

askwpgirl

/* If you are using https://wordpress.org/plugins/accessibility-new-window-warnings/, 
   the external link icons can look funny or output on items you don't want them to. 
   The following CSS can be adjusted as needed to format or hide these new window icons.
 */
 
 /* Hide external link icon on social media icons in Elementor */
 
 .elementor-social-icon .anww-external-link-icon {
    text-indent: -2000px;
    width: 0;