Increase text size using custom css

Community Show & Tell
,
#1

Hi , I'm trying to increase button text size but the css isnt triggered , IDK why but if anyone tell what i'm doing wrong
my button name is " detailButton "

and my css is
._retool-detailButton {
font-size: 20px !important;
}

this doesnt did anything why???

I have added css by click three dots and selected the option scripts and style and there i added the css in css field

checkout the css that i add to script and style

#2

Hi @Abdullah_Moiz, welcome to the family :hugs:

Try this:

button#detailButton--0 span {
  font-size: 20px;
}

Check out the specificity of the CSS rules applied in the DOM. When targeting a specific component the id of it is set on the parent but multiple CSS rules are set on different levels of its nested elements.

Let me know if that worked for you :v:

1 Like
#3

That's works , Thank you so much , I'm just very new on retool and i go through an answer that we can access the element using the ._retool- then classname so i tried that way . but thanks again

1 Like