Da

✏️ Editing: static-css.php

<?php
/**
 * Related Posts - Static CSS
 *
 * @package astra
 *
 * @since 3.5.0
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}

add_filter( 'astra_dynamic_theme_css', 'astra_related_posts_static_css', 11 );

/**
 * Related Posts - Static CSS
 *
 * @param  string $dynamic_css          Astra Dynamic CSS.
 * @return String Generated dynamic CSS for Related Posts.
 *
 * @since 3.5.0
 */
function astra_related_posts_static_css( $dynamic_css ) {

if ( astra_target_rules_for_related_posts() ) {

$dynamic_css .= '
		.ast-related-post-title, .entry-meta * {
			word-break: break-word;
		}
		.ast-related-post-cta.read-more .ast-related-post-link {
			text-decoration: none;
		}
		.ast-page-builder-template .ast-related-post .entry-header, .ast-related-post-content .entry-header, .ast-related-post-content .entry-meta {
			margin: 1em auto 1em auto;
			padding: 0;
		}
		.ast-related-posts-wrapper {
			display: grid;
			grid-column-gap: 25px;
			grid-row-gap: 25px;
		}
		.ast-related-posts-wrapper .ast-related-post, .ast-related-post-featured-section {
			padding: 0;
			margin: 0;
			width: 100%;
			position: relative;
		}
		.ast-related-posts-inner-section {
			height: 100%;
		}
		.post-has-thumb + .entry-header, .post-has-thumb + .entry-content {
			margin-top: 1em;
		}
		.ast-related-post-content .entry-meta {
			margin-top: 0.5em;
		}
		.ast-related-posts-inner-section .post-thumb-img-content {
			margin: 0;
			position: relative;
		}
		';

if ( true === astra_check_is_structural_setup() ) {
			/** @psalm-suppress InvalidOperand */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
			$astra_mobile_breakpoint = astra_get_mobile_breakpoint();
			/** @psalm-suppress InvalidOperand */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort

$section_title_bottom_space = Astra_Dynamic_CSS::astra_4_6_0_compatibility() ? '20px' : '2em';

$dynamic_css .= '
				.ast-single-related-posts-container {
					border-top: 1px solid var(--ast-single-post-border, var(--ast-border-color));
				}
				.ast-separate-container .ast-single-related-posts-container {
					border-top: 0;
				}
				.ast-single-related-posts-container {
					padding-top: 2em;
				}
				.ast-related-posts-title-section {
					padding-bottom: ' . $section_title_bottom_space . ';
				}
				.ast-page-builder-template .ast-single-related-posts-container {
					margin-top: 0;
					padding-left: 20px;
					padding-right: 20px;
				}
				@media (max-width: ' . strval( $astra_mobile_breakpoint ) . 'px) {
					.ast-related-posts-title-section {
						padding-bottom: 1.5em;
					}
				}
			';
		} else {
			$dynamic_css .= '
				.ast-separate-container .ast-related-posts-title {
					margin: 0 0 20px 0;
				}
				.ast-related-posts-title-section {
					border-top: 1px solid #eeeeee;
				}
				.ast-related-posts-title {
					margin: 20px 0;
				}
				.ast-page-builder-template .ast-related-posts-title-section, .ast-page-builder-template .ast-single-related-posts-container {
					padding: 0 20px;
				}
				.ast-separate-container .ast-single-related-posts-container {
					padding: 5.34em 6.67em;
				}
				.ast-single-related-posts-container {
					margin: 2em 0;
				}
				.ast-separate-container .ast-related-posts-title-section, .ast-page-builder-template .ast-single-related-posts-container {
					border-top: 0;
					margin-top: 0;
				}
				@media (max-width: 1200px) {
					.ast-separate-container .ast-single-related-posts-container {
						padding: 3.34em 2.4em;
					}
				}
			';
		}

return $dynamic_css;
	}

return $dynamic_css;
}

📁 Sid Gifari File Manager