askwpgirl

<?php

add_filter( 'body_class', 'tec_archive_body_class' );

function tec_archive_body_class( array $classes ) {

	if (is_tax( 'tribe_events_cat' ) ) {
		$classes[] = 'rg-events-category';
	}

askwpgirl

/**
 * Changes Past Event Reverse Chronological Order
 *
 * @param array $template_vars An array of variables used to display the current view.
 *
 * @return array Same as above. 
 */
function tribe_past_reverse_chronological_v2( $template_vars ) {
 
  if ( ! empty( $template_vars['is_past'] ) ) {

askwpgirl

/* -- Changing the menu background on scroll effect -- */

.elementor-sticky--effects {
   background: #3E3EF5!important; /* change the background color here*/
}

.elementor-sticky--effects .sticky-menu ul li a /* change the menu text color here*/ {
   color: #fff!important;
}

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 */

.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
	padding: 0 0 0 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

/* Custom button style */

.button-white-outline .elementor-button {
	border: 1px solid #fff;
	color: #fff !important;
	background: transparent !important;
}

.button-white-outline .elementor-button:hover {
	border: 1px solid #AE5900;

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 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

/* Ideally, you will want to have hyperlinks underlined in body copy but remove the underline
   on hover to indicate something has changed. 
*/

.site-content .elementor-widget-text-editor a, 
.elementor-widget-theme-post-content a {
  border-bottom: 1px solid #333333; /* change color as desired */
}

.site-content .elementor-widget-text-editor a:hover,

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;