Editing Perfect Survey with CSS

  • Resolved htpinnovations

    (@htpinnovations)


    3 years, 11 months ago

    When modifying the style of Perfect Survey using my browser’s inspector, I can clearly customize the image blocks in an Image Choice survey.

    When I add the code in the Additional CSS section of WordPress, the changes are not being applied. My edits for the Statistics section are applied just fine.

    How do I fix this?

    How can I get all of my CSS rules to be recognized by the Image Choice section?

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author perfectsurvey

    (@perfectsurvey)

    3 years, 11 months ago

    Hi @htpinnovations

    Dear user, thank you for contacting us, we can solve it for you, write to support@getperfectsurvey.com explaining what you want to do, we will send you the suitable css code.

    we would be happy to have positive feedback 🙂

    Best,
    Perfect Survey Team

    Thread Starter htpinnovations

    (@htpinnovations)

    3 years, 11 months ago

    Will do. Thanks!

    Thread Starter htpinnovations

    (@htpinnovations)

    3 years, 11 months ago

    I have replied to the email as you suggested. No answer. It seems I get a much faster reply here.

    Thread Starter htpinnovations

    (@htpinnovations)

    3 years, 11 months ago

    So is there a fix/solution for this or maybe not?

    Plugin Author perfectsurvey

    (@perfectsurvey)

    3 years, 11 months ago

    Hello,
    can you try to insert “!important”

    for example:

    .survey-container .survey_general_container .survey_question_container.boxed {
    background: #1e2126 !important;
    border: 1px solid #1e2126 !important;
    }

    Best,
    Perfect Survey Team

    Thread Starter htpinnovations

    (@htpinnovations)

    3 years, 11 months ago

    OK, I will try this. Adding !important; after each property. I will let you know how it goes.

    Plugin Author perfectsurvey

    (@perfectsurvey)

    3 years, 11 months ago

    Hello @htpinnovations
    ok, this should work because perfect survey, to have the best possible graphic compatibility uses high specificity css

    example:
    #perfect_survey .container.another_class h3.title.

    To override this type of highly specific CSS, just enter !important

    Best,

    Perfect Survey Team

    Thread Starter htpinnovations

    (@htpinnovations)

    3 years, 11 months ago

    I have confirmed this to be true and have applied the adjustments suggested. All is working as it should now!

    Thank you guys so much for your great plugin and your support!

    Plugin Author perfectsurvey

    (@perfectsurvey)

    3 years, 11 months ago

    Hi @htpinnovations
    great, we are all happy, can you help us with positive feedback? Thank you

    Best,
    Perfect Survey Team

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Editing Perfect Survey with CSS’ is closed to new replies.