hi there, I have two issues where our
hi there, I have two issues where our font-weight in the customCSS isn't updating properly and our conditional css with the ~ selector isn't working. Any help is appreciated!
15 Replies
Can you paste the code snipped that you are using for embedding and custom css?
hi @shikharTS this is the css not working:
conditional: '.answer-content-modulevizContainer:hover ~ .answer-title-moduletitleText': { 'color': 'green', }, font-weight: '.pinboard-header-module__headerTitle': { 'font-size': '2.5rem', 'font-weight': '900', 'color': 'green', },
conditional: '.answer-content-modulevizContainer:hover ~ .answer-title-moduletitleText': { 'color': 'green', }, font-weight: '.pinboard-header-module__headerTitle': { 'font-size': '2.5rem', 'font-weight': '900', 'color': 'green', },
@Jessica - It is working for us. Try 100 to see if this changes. It can be because the size is already bold so it is not showing significant changes ? cc - @Aditya @Naveen Arza
hi @utsav.kapoor we need it to be bolder, to match other areas of our system where it's 900. Also did the conditional work as well?
if what @Aditya and @utsav.kapoor suggested didnt work can you also try adding !important
Also can you help us understand the usecase for conditional?
Yes, I tried with important as well
I need to make the answer title a different color when I hover over the answer box
Thnaks @Jessica - We got the problem statement. We are trying to achieve this. We will respond back with a solution
amazing, thank you @utsav.kapoor !
Hi @Jessica Please try this to make font color different on hovering over the answer container -
rules_UNSTABLE: {
'.answer-content-modulevizContainer:hover .answer-title-moduletitleText': {
color: "#34B233",
"font-weight": "900"
}
}
and let us know if it works for you
Hi @Jessica , font-weight is usually tied to the underlying font being used. The CSS part of
"font-weight": "900" only helps in setting a value and the font-family being used needs to have a support for this weight. I am assuming the fonts you are using doesn't support a darker font with 900.
Can you please share your font, and I can validate if something else in our system is causing it to override instead.Following this. @Jessica As discussed, please update
yes thank you! It's Proxima Nova
& Proxima Nova Black
Just for clarity @Jessica you are not facing the issue anymore right?
tried this but it didnt' work
we got it to be bolder, but it's still not exactly right so we are still having slight issues with this