CSS code for removing border/outline | XM Community
Skip to main content

CSS code for removing border/outline

  • January 24, 2023
  • 6 replies
  • 383 views

Forum|alt.badge.img+1

Hello!
We are using a dynamic theme for one of our surveys. When the option or button ("Previous" or "Next") is selected, it's showing a black border. Does anyone know the CSS code for removing the bolder/outline?
Thank you very much for your time!!!

6 replies

ArunDubey
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+41
  • QPN Level 8 ●●●●●●●●
  • 589 replies
  • January 24, 2023

You can try this.
Replace the #Selector ID with border ID using inspect element then use it.
#Selector ID{
broder: 2px solid transparent !important;
}


qualtrics_nerd
Level 5 ●●●●●
Forum|alt.badge.img+19
  • Level 5 ●●●●●
  • 225 replies
  • January 24, 2023

Hi Caroline92 ,
You can certainly do that by using CSS border property to set its value to "0px""
For example: .classnameof borderelement{
border: 5px solid red;
}
Replace above by:
.classnameof borderelement{
border: none !important;
}.
For further details please share preview link of your survey, to better guide you(of that particular page where it happens)


Forum|alt.badge.img+1
  • Author
  • 4 replies
  • January 24, 2023

https://community.qualtrics.com/XMcommunity/discussion/comment/54460#Comment_54460Preview - Qualtrics Survey | Qualtrics Experience ManagementThank you very much for your reply! This is the preview link. I tried some code, still couldn't remove the black bolder. Please kindly have a further look. Thank you!


qualtrics_nerd
Level 5 ●●●●●
Forum|alt.badge.img+19
  • Level 5 ●●●●●
  • 225 replies
  • January 24, 2023

Caroline92
Kindly request you to add below properties to you code and try ,it works at my end for your code
.classnameofbutton:focus{
outline:0;
box-shadow:0
}.

image.png


Forum|alt.badge.img+1
  • Author
  • 4 replies
  • January 25, 2023

Forum|alt.badge.img+1
  • Author
  • 4 replies
  • January 25, 2023

https://community.qualtrics.com/XMcommunity/discussion/comment/54478#Comment_54478Thank you so much for your guidance!!! Finally, I am able to remove the border color. Cheers!!!
.Skin #Buttons #NextButton:focus,.Skin #Buttons #PreviousButton:focus{background:#1779BB;outline:none;box-shadow:none;}


Leave a Reply