Return to previous page

Widget in the Header – How to change Colour of the Text?

This topic has 14 replies, 2 voices, and was last updated 3 years, 5 months ago ago by Olga Barlow

Olga777

Participant

October 2, 2020 at 16:34

Hi there,

Another question is how to change the colour of the widget (Aiela Currency Switcher) in the header? See attached. We would like it to be WHITE (so it is clearly displayed on the black background), yet it is Grey (so it is hard to see t). See attached – Top Right Corner https://staging-funfashion.kinsta.cloud/wp-content/uploads/2020/10/Currency-Switcher-Font-Colour-Widget-in-Header.png
Thank you! You can use the credentials given in our previous ticket.

#253599 Copied Theme version: 7.0.2 WooCommerce version: latest

13 Answers
Olga Barlow

Support staff

October 2, 2020 at 16:49
Hello,

Add the below code and change the bg image url to white arrow
```
select#aelia_cs_currencies {
    color: #fff;
    background-image: url(your_white_arrow_url_here);
}
```
Regards
#253608 Copied
Olga777

Participant

October 2, 2020 at 16:55

Sorry, I’m not clear: What is “change the bg image url to white arrow”? Can you please explain.
Also where do I put the custom code? In general Custom CSS?

Thank you

#253611 Copied
Olga Barlow

Support staff

October 2, 2020 at 17:05
Hello,

You can add the custom to Theme Options > Custom CSS > general CSS
```
select#aelia_cs_currencies {
    color: #fff;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAAEpUlEQVR4nO3cWYjVVRwH8HM1SyspQ2yRFipaIFroIVooo0ghWskoaHvoIaiHHgSfDKGXDCIiKGghSSoqKIP2lYI2I2gzooWKaLUiy1bNTw//vzXp/P9nZrz3nrne3+dpZO79n+85v4Fxjt8xpRBCCCGEEEIIIYQQQgghhBBCCCGEEEII3dRJKSXslVI6o/7zyk6n803RVEMCs1JK56aUpqeUHut0Op8lzMMv/vMD5pWNuu3Dyfh+xLmvw7EJb9vSb5hfOvS2CgvqM97cyoS1o3wC/sCZpcNva3BWfbajeSbh0YZPwl84v/QmthU4vz7TJlcmHICvWl60AReX3sygwyX1WTZZgc6mF++Dj1pevBFXF97TwMLV9Rk2uenfYYx40x5Y3fImWFJoTwML12TO9IYthjHizbvjncwDruvzngYWrsuc5dKxPGQWVmUedH3vtzPYcH3mDBeP52G74tXMA2/FlB7uaSBhSn02TTZi0UQevDOezwzlthjKf+ph3N5yXn/jiq1ZYEc8kxnKvdiui/saSNgO92WGcXk3FpqBJzNDeQDTurCvgYRp9Rk0WY8Lurng9ngoM5RHMb1riw4ITJe/7VjYi4Wn4cHMUJ7EjK4vPkmpvs++0HIev+P0XgaYiuWZobyImT0LMUlgJl5qOYffsKAfQabgjsxQVmG3nocpBLvhjZb9/4wT+xmoo7p/afMmZvctVJ9gdr23JmtxfIlgHdU9TJvV2LPv4XoEe+L9lv1+j6NLh1yaGcoHmFs0ZBdgbr2XJt/hyNI5U0opYXFmKJ9i/9I5Jwr713to8iUOKZ3zf7BI+53/5ziwdM7xwoF19iZf4KDSOUeFK1RXBE2+xmGlc44VDqszN/kY+5bO2QqXZ4byLQ4vnTMHR9RZm3yIvUvnHBNcqLq/afIjjimdswmOqTM2eRe7l845LliovWHxE44rnXNzOK7O1uQtzCmdc0Jwuuo+p8k6nFI65yY4tc7U5DXsWjrnVtHc0tvkV5w2CXLOz+R8GbuUztkVOEl1v9PkT5xdMN85dYYmz2KnUvl6Aidorq1Sfb85r0Cui7T/BeQp7NjvXH2Bo/2/8b25Dbi0j3ku094mfBjb9ytPETgKa1oOYSOu7EOOq7TfLDxoWP5ZGoeq7n/ahtKz6qp8tXM5pvZq/UkJB6vugdp0vbqKJZk17zSs1Sbsh08yB9S16qp8tXPL0vOwkW/ew7IurJOrdjaXnoeNqnn/XubAbpnIgak6ALdknr20B9sabJhj9N93HGlc1dV6GLdlnjn20vOwUTXvX88c4D3GUF1VVTvvbXnOxErPw0bVvH8lM5T7tfyMIF/t3LrS87DBTnguM5RRq6vy1c7ulJ6Hjap5/3RmKE8YUV2VL4avx4Ul9zXQsAMeyQzlRVWtc2b9cZPelJ6HTf1V/3hmKM9rLz3H79t3k6rkvSIzlCb9KT0Pm3ood41zGP0tPQ8bVZ/45jEOo0zpedjUQ7kxM4zypedhg2sbhjF5Ss/DBss2G8YaHFU619YY+Otm1X+0tiCl9G1K6e5Op/NV4UghhBBCCCGEEEIIIYQQQgghhBBCCCGEECaRfwDxFRW63xAIPwAAAABJRU5ErkJggg==')
}
```
Regards
#253616 Copied
Olga777

Participant

October 3, 2020 at 20:50

Sorry, one more question: what this long string related to? looks like spam… Please let me know, Thank you!
iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAAEpUlEQVR4nO3cWYjVVRwH8HM1SyspQ2yRFipaIFroIVooo0ghWskoaHvoIaiHHgSfDKGXDCIiKGghSSoqKIP2lYI2I2gzooWKaLUiy1bNTw//vzXp/P9nZrz3nrne3+dpZO79n+85v4Fxjt8xpRBCCCGEEEIIIYQQQgghhBBCCCGEEEII3dRJKSXslVI6o/7zyk6n803RVEMCs1JK56aUpqeUHut0Op8lzMMv/vMD5pWNuu3Dyfh+xLmvw7EJb9vSb5hfOvS2CgvqM97cyoS1o3wC/sCZpcNva3BWfbajeSbh0YZPwl84v/QmthU4vz7TJlcmHICvWl60AReX3sygwyX1WTZZgc6mF++Dj1pevBFXF97TwMLV9Rk2uenfYYx40x5Y3fImWFJoTwML12TO9IYthjHizbvjncwDruvzngYWrsuc5dKxPGQWVmUedH3vtzPYcH3mDBeP52G74tXMA2/FlB7uaSBhSn02TTZi0UQevDOezwzlthjKf+ph3N5yXn/jiq1ZYEc8kxnKvdiui/saSNgO92WGcXk3FpqBJzNDeQDTurCvgYRp9Rk0WY8Lurng9ngoM5RHMb1riw4ITJe/7VjYi4Wn4cHMUJ7EjK4vPkmpvs++0HIev+P0XgaYiuWZobyImT0LMUlgJl5qOYffsKAfQabgjsxQVmG3nocpBLvhjZb9/4wT+xmoo7p/afMmZvctVJ9gdr23JmtxfIlgHdU9TJvV2LPv4XoEe+L9lv1+j6NLh1yaGcoHmFs0ZBdgbr2XJt/hyNI5U0opYXFmKJ9i/9I5Jwr713to8iUOKZ3zf7BI+53/5ziwdM7xwoF19iZf4KDSOUeFK1RXBE2+xmGlc44VDqszN/kY+5bO2QqXZ4byLQ4vnTMHR9RZm3yIvUvnHBNcqLq/afIjjimdswmOqTM2eRe7l845LliovWHxE44rnXNzOK7O1uQtzCmdc0Jwuuo+p8k6nFI65yY4tc7U5DXsWjrnVtHc0tvkV5w2CXLOz+R8GbuUztkVOEl1v9PkT5xdMN85dYYmz2KnUvl6Aidorq1Sfb85r0Cui7T/BeQp7NjvXH2Bo/2/8b25Dbi0j3ku094mfBjb9ytPETgKa1oOYSOu7EOOq7TfLDxoWP5ZGoeq7n/ahtKz6qp8tXM5pvZq/UkJB6vugdp0vbqKJZk17zSs1Sbsh08yB9S16qp8tXPL0vOwkW/ew7IurJOrdjaXnoeNqnn/XubAbpnIgak6ALdknr20B9sabJhj9N93HGlc1dV6GLdlnjn20vOwUTXvX88c4D3GUF1VVTvvbXnOxErPw0bVvH8lM5T7tfyMIF/t3LrS87DBTnguM5RRq6vy1c7ulJ6Hjap5/3RmKE8YUV2VL4avx4Ul9zXQsAMeyQzlRVWtc2b9cZPelJ6HTf1V/3hmKM9rLz3H79t3k6rkvSIzlCb9KT0Pm3ood41zGP0tPQ8bVZ/45jEOo0zpedjUQ7kxM4zypedhg2sbhjF5Ss/DBss2G8YaHFU619YY+Otm1X+0tiCl9G1K6e5Op/NV4UghhBBCCCGEEEIIIYQQQgghhBBCCCGEECaRfwDxFRW63xAIPwAAAABJRU5ErkJggg==

#253754 Copied

Rose Tyler

Support staff

October 4, 2020 at 10:20

Please see screenshots – https://prnt.sc/usti50 https://prnt.sc/usti8b

Regards

#253796 Copied

Olga777

Participant

October 4, 2020 at 20:49

Thank you.

#253875 Copied

Olga Barlow

Support staff

October 5, 2020 at 14:40

You are welcome.

Regards

#253938 Copied

Olga777

Participant

February 22, 2021 at 20:46

Hi there,

After upgrading to the latest version of the theme, this solution does NOT work anymore. How can I change the COLOUR of the Text in the Aielia widget (top right corner) to be BLACK (not light grey)?

Thank you for your help!

#275855 Copied
Robert Hall

Support staff

February 23, 2021 at 07:50
Hi

Please add the following mentioned CSS by going to Dashboard > XStore > Theme Option > Additional CSS
```
.widget_wc_aelia_currencyswitcher_widget select#aelia_cs_currencies {
    color: #000;
}
```
#275897 Copied
Olga777

Participant

February 23, 2021 at 19:01

Thank you, Robert!

#276034 Copied

Robert Hall

Support staff

February 24, 2021 at 05:50

HI

You are always welcome

#276091 Copied

Olga777

Participant

July 20, 2021 at 16:35

Hi there,

Once again after the upgrade the previously working solution does NOT work anymore.
After upgrading to the latest version of the theme, this solution does NOT work anymore. How can I change the COLOUR of the Text in the Aielia widget (top right corner) to be BLACK (not light grey)?

#295039 Copied
Olga Barlow

Support staff

July 21, 2021 at 08:57
Hello,

Plugin changed ID to class, that’s why code does not work.
Replace the previous code with this one
```
.widget_wc_aelia_currencyswitcher_widget select.aelia_cs_currencies {
    color: #000 ;
}
```
Regards
#295116 Copied
Viewing 14 results - 1 through 14 (of 14 total)