diff --git a/assets/css/style.css b/assets/css/style.css index 8d0005b..d665a28 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -596,6 +596,8 @@ body:not(.is-home-page) .header-hide-until-scroll { opacity: 0 !important; transition: opacity 0.4s ease !important; border-radius: 20px !important; + + } .elementor-element.elementor-element-b891c78:hover::before, @@ -842,6 +844,89 @@ body:not(.is-home-page) .header-hide-until-scroll { text-decoration: none !important; } +/* ============================================================ + SOCIAL ICONS VISIBILITY FIX + Ensures both font-based and SVG icons are visible and properly sized. + Targeting the common .wrapper-socials class used across the site. + ============================================================ */ +.e-font-icon-svg { + display: inline-block; + width: 1em; + height: 1em; + fill: currentColor; + vertical-align: middle; +} + +.elementor-social-icon svg { + width: 25px; + height: 25px; +} + +.fab, .fas, .far { + display: inline-block !important; +} + +.wrapper-socials { + list-style: none !important; + padding: 0 !important; + margin: 0 !important; + display: flex !important; + flex-wrap: wrap; + gap: 10px; +} + +.wrapper-socials li { + display: inline-block !important; + margin: 0 !important; + padding: 0 !important; +} + +.wrapper-socials li:before { + content: none !important; +} + +.wrapper-socials a { + display: flex !important; + align-items: center; + justify-content: center; + width: 36px; + height: 36px; + border-radius: 50%; + background-color: rgba(0, 0, 0, 0.05); + color: inherit; + text-decoration: none !important; + transition: all 0.3s ease; + font-size: 16px; +} + +.wrapper-socials a:hover { + background-color: var(--logico-accent-color, #c01227); + color: #fff !important; +} + +.wrapper-socials a svg { + width: 18px; + height: 18px; + fill: currentColor; +} + +/* Global visibility enforcement for Elementor and other social icons */ +.elementor-social-icon, +.e-font-icon-svg, +.wrapper-socials i, +.wrapper-socials svg { + display: inline-block !important; + visibility: visible !important; + opacity: 1 !important; +} + +/* Ensure SVG icons have at least some size if not specified */ +svg.e-font-icon-svg, +.elementor-social-icon svg { + min-width: 16px; + min-height: 16px; +} + diff --git a/blogs.php b/blogs.php index bc1c694..27d7ced 100644 --- a/blogs.php +++ b/blogs.php @@ -7,10 +7,10 @@ Blog Grid –Logico - - + + @@ -30,6 +30,8 @@ + + \ No newline at end of file