How to add a stroke for Country/region Selector — Theme Spotlight

How to add a stroke for Country/region Selector — Theme Spotlight

heartlessoff
Excursionist
33 0 1

How to make a stroke for Country/region Selector like on the first site [link / 1 image], now it looks like this [link / 2 image] And also to show currency when hovering as on [link / 3 image]

 

Screenshot_1.pngScreenshot_2.pngScreenshot_16.png

Reply 1 (1)

EcomGraduates
Shopify Partner
735 63 105

you can add a border by modifying the CSS. 

 

.country-selector {
    border: 1px solid #000; 
    padding: 5px; 
}

 

To show currency on hover, you could add a hover effect in the CSS:

.country-selector:hover::after {
    content: attr(data-currency);
    display: block;
    position: absolute;
    background-color: #fff;
    border: 1px solid #000;
    padding: 2px 5px;
}

 

Make sure to apply these styles in your theme's CSS file


If this fixed your issue, likes and accepting as a solution are highly appreciated.

Build an online presence with our custom built Shopify Theme EcomifyTheme