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,