File Manager

X7ROOT File Manager

Current Path: /home/notabjze/digitalcontentmentors.com/wp-content/themes/elessi-theme-child

home / notabjze / digitalcontentmentors.com / wp-content / themes / elessi-theme-child /

ðŸ“ ..
ðŸ“„ functions.php(6.87 KB)
ðŸ“„ screenshot.jpg(111.75 KB)
ðŸ“„ style.css(290 B)

Editing: functions.php

<?php
/**
 * Recommended way to include parent theme styles.
 * Please see http://codex.wordpress.org/Child_Themes#How_to_Create_a_Child_Theme
 */

add_action('wp_enqueue_scripts', 'theme_enqueue_styles', 998);
function theme_enqueue_styles() {
    wp_enqueue_style('elessi-style', get_template_directory_uri() . '/style.css');
    wp_enqueue_style('elessi-child-style', get_stylesheet_uri());
}
/**
 * Your code goes below
 */
function logo_slider_shortcode() {
    ob_start(); // Start output buffering
    ?>
    <style>
        .logo-slider {
            width: 100%;
            overflow: hidden;
            background-color: #000; /* Background color */
            padding: 20px 0;
        }
        .logo-handing-style {
            text-align: center;
            justify-content: center;
            color: white;
            font-size: 38px;
        }

.logo-row {
            display: flex;
            justify-content: space-around;
            align-items: center;
            white-space: nowrap;
            padding-top: 10px;
            padding-bottom: 10px;
        }

.logo-item {
            flex: 0 0 auto;
            margin: 0 10px;
            width: 250px; /* Set a fixed width for the logo container */
            height: 100px; /* Set a fixed height for the logo container */
            background-size: cover; /* Cover the entire container */
            background-position: center;
			background-color:#fff;
			border-radius:50px;
/* 			padding: 10px 30px; */
            position: relative; /* Make sure the img is positioned relative to this container */
            opacity: 0.9; /* Optional: Adjust the transparency */
            transition: transform 0.3s, opacity 0.3s;
/*             background-image: url('https://digitalcontentmentors.com/wp-content/uploads/2024/09/partner_container.webp'); /* Set the new background image */ */
        }

.logo-item img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-width: 100%;
            max-height: 110%;
            width: auto;
            height: auto;
        }

.logo-item:hover {
            transform: scale(1.1);
            opacity: 1;
        }

.row1,
        .row3 {
            animation: scrollRightToLeft 10s linear infinite;
        }

.row2 {
            animation: scrollLeftToRight 10s linear infinite;
        }

@keyframes scrollRightToLeft {
            from {
                transform: translateX(100%);
            }
            to {
                transform: translateX(-100%);
            }
        }

@keyframes scrollLeftToRight {
            from {
                transform: translateX(-100%);
            }
            to {
                transform: translateX(100%);
            }
        }
    </style>

<div class="logo-slider">
        <h2 class="logo-handing-style">Band Partner</h2>
        <div class="logo-row row1">
            <div class="logo-item">
                <img src="https://digitalcontentmentors.com/wp-content/uploads/2024/09/K-K-logo-crop-595x532-1.png" alt="Polygon 1">
            </div>
            <div class="logo-item">
                <img src="https://digitalcontentmentors.com/wp-content/uploads/2024/09/photo_2022-08-27_18-45-39-595x595-1.png" alt="Polygon 2">
            </div>
            <div class="logo-item">
                <img src="https://digitalcontentmentors.com/wp-content/uploads/2024/09/CES_Malakie-The-Great-logo-blue-thin-595x446-1.png" alt="Polygon 3">
            </div>
            <div class="logo-item">
                <img src="https://digitalcontentmentors.com/wp-content/uploads/2024/09/Asel-law-595x595-1.png" alt="Polygon 4">
            </div>
            <div class="logo-item">
                <img src="https://digitalcontentmentors.com/wp-content/uploads/2024/09/CES_Crrypfinity_logo-sl-595x446-1.png" alt="Polygon 5">
            </div>
			 <div class="logo-item">
                <img src="https://digitalcontentmentors.com/wp-content/uploads/2024/09/K-K-logo-crop-595x532-1.png" alt="Polygon 5">
            </div>
        </div>

// Register the shortcode
add_shortcode('logo_slider', 'logo_slider_shortcode');

X7ROOT File Manager

Editing: functions.php

Upload File

Create Folder