Secondly, can you please help me add CSS to add a seperator below the widget titles on the shop archive page?
I tried this using the ::after element but it then interferes with the nav arrows that are also nested here. here is my CSS –
/* Add seperator to widget titles*/
.widget-title {
position: relative; /* Ensure the pseudo-element is positioned relative to the title */
}
.widget-title::after {
content: ”; /* Necessary to create a pseudo-element */
display: block; /* Ensures the pseudo-element takes up space */
width: 15%; /* 15% of the widget title’s width */
height: 3px; /* 3px thick */
background-color: #85c44c; /* Green color */
margin-top: 3px
}
Thank you!
.
