Info Link Pop-Up Edits - Luxe Theme

Technical Q&A
,
1

Hello,

I have two questions that I think require base.css adjustments but want to confirm how exactly I do it.

I currently have the Ⓘ pop up link for info on my products but am unable to adjust the color or positioning. I would like the color to be white to match my site font and I’d like the icon to be at the end of the text as opposed to at the beginning.

Currently looks like this for reference:

Screenshot 2025-09-29 at 11.21.46 PM
Screenshot 2025-09-29 at 11.21.46 PM746×124 5.51 KB

Can anyone help me in what I need to do to make those adjustments?

Thank you!

2

@LookingGoodLouis can you please share this page link?

3

Hi @LookingGoodLouis,

Please send the website link, I will check it for you

4

Hi, it’s www.amuninni.com

pw: amuninniamuninni

5

This can go into this sections “Custom CSS” setting:

.product-popup-modal__button svg {
  order: 5;
  fill: currentColor;
}

Screenshot 2025-09-30 at 2.12.40 PM
Screenshot 2025-09-30 at 2.12.40 PM325×122 4.27 KB

6

Thank you. Can you tell me which section exactly and where/what line this should go in? I don’t see a “Custom CSS” section

7

In Theme=> Customize, navigate to your product page, click “Product information” section, scroll down and paste code into “Custom CSS” setting.

Of course, you can add the code to the very end of your assets/base.css, but editing theme code will make future theme version updates complex.

8

Hi @LookingGoodLouis,

Please go to Customize > Theme settings > Custom CSS and add code:

#ProductPopup-popup_w6EdUA {
    flex-direction: row-reverse !important;
}
#ProductPopup-popup_w6EdUA svg {
    fill: currentColor !important;
}

If I helped you, then a Like would be truly appreciated.

9

Thank you! This worked!