Create a border around social icons in footer

This topic has 4 replies, 3 voices, and was last updated 2 weeks, 3 days ago ago by Andrew Mitchell

  • Avatar: TheOne
    TheOne
    Participant
    January 22, 2025 at 17:35

    Hello,

    I am trying to add a border around social icons in footer. i inserted a custom css directly into the block and not the theme options. The code is:

    /* Custom border for social icons */
    .et-icon {
    border: 2px solid #fff; /* 2px white border */
    padding: 10px; /* Add padding for spacing between the icon and the border */
    }

    /* Optional: Add hover effect */
    .et-icon:hover {
    border-color: #fff; /* Keep the white border on hover */
    background-color: rgba(255, 255, 255, 0.1); /* Optional: Add a subtle background color on hover */
    }

    The problem is that now every icon on the page with the .et-icon is also getting a border. Isn’t the point of the modules css that it applies the code only to the specific module?

    Link to page in private.

    Thank you,

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 23, 2025 at 08:15

    Hello, TheOne,

    Thank you for reaching out to us.

    Please read these articles – https://elementor.com/help/how-to-use-selector-in-the-custom-css-tab/ https://elementor.com/help/css-selectors-in-elementor/

    Best Regards,
    8Theme’s Team

    Avatar: TheOne
    TheOne
    Participant
    January 23, 2025 at 08:29

    Fixed. Thank you

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    January 23, 2025 at 08:29

    Dear TheOne,

    As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

    Click here to share your valuable perspective: https://themeforest.net/downloads

    Your time and trust are highly appreciated!

    Best Regards,
    The 8Theme Team

  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Create a border around social icons in footer’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.