Return to previous page

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

This topic has 15 replies, 3 voices, and was last updated 1 weeks, 5 days ago ago by Tony Rodriguez

  • Avatar: Olga777
    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
    14 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    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
    Avatar: Olga777
    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
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    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
    Avatar: Olga777
    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
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 4, 2020 at 10:20

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

    Regards

    #253796 Copied
    Avatar: Olga777
    Olga777
    Participant
    October 4, 2020 at 20:49

    Thank you.

    #253875 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    October 5, 2020 at 14:40

    You are welcome.

    Regards

    #253938 Copied
    Avatar: Olga777
    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
    Avatar: Robert Hall
    Robert Hall
    Participant
    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
    Avatar: Olga777
    Olga777
    Participant
    February 23, 2021 at 19:01

    Thank you, Robert!

    #276034 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    February 24, 2021 at 05:50

    HI

    You are always welcome

    #276091 Copied
    Avatar: Olga777
    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
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    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
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    May 6, 2025 at 15:14

    Dear Olga777,

    In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

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

    Being part of our community means a lot, and your feedback contributes immensely.

    Best Regards,
    The 8Theme Team

    #442980 Copied
  • Viewing 15 results - 1 through 15 (of 15 total)

The issue related to '‘Widget in the Header – How to change Colour of the Text?’' has been successfully resolved, and the topic is now closed for further responses

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Legenda – WooCommerce WordPress Theme
lazy-placeholder
Gaming – WooCommerce Theme
lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
Luxury Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
Royal – WooCommerce WordPress Theme
lazy-placeholder
Language Courses – WordPress WooCommerce Theme
lazy-placeholder
Man Store – WooCommerce Theme
lazy-placeholder
Cosmetics Store – WordPress WooCommerce Theme

See All Templates

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