{"users":[{"id":1,"username":"marketing","name":"Marketing","avatar_template":"https://avatars.discourse-cdn.com/v4/letter/m/87869e/{size}.png","trust_level":4},{"id":2512,"username":"robin1","name":"robin","avatar_template":"https://avatars.discourse-cdn.com/v4/letter/r/ce73a5/{size}.png","trust_level":0},{"id":994,"username":"SurveySparrow_Support","name":"SurveySparrow Support","avatar_template":"/user_avatar/community.surveysparrow.com/surveysparrow_support/{size}/322_2.png","admin":true,"moderator":true,"trust_level":4},{"id":2511,"username":"jonathan.c","name":"jonathan.c","avatar_template":"https://avatars.discourse-cdn.com/v4/letter/j/db5fbb/{size}.png","trust_level":0},{"id":1702,"username":"adithya.s","name":"adithya.s","avatar_template":"https://avatars.discourse-cdn.com/v4/letter/a/cab0a1/{size}.png","trust_level":1},{"id":1985,"username":"Venkata_Abhijith","name":"Venkata Abhijith","avatar_template":"https://avatars.discourse-cdn.com/v4/letter/v/cab0a1/{size}.png","admin":true,"moderator":true,"trust_level":2},{"id":2419,"username":"Brent","name":"brent","avatar_template":"https://avatars.discourse-cdn.com/v4/letter/b/ec9cab/{size}.png","trust_level":0},{"id":2492,"username":"info2","name":"info","avatar_template":"https://avatars.discourse-cdn.com/v4/letter/i/bbce88/{size}.png","trust_level":0},{"id":2183,"username":"aaron","name":"aaron","avatar_template":"https://avatars.discourse-cdn.com/v4/letter/a/e19adc/{size}.png","trust_level":0},{"id":2498,"username":"Marsy_Franco","name":"Marsy Franco","avatar_template":"https://avatars.discourse-cdn.com/v4/letter/m/8e7dd6/{size}.png","trust_level":0},{"id":2406,"username":"Jacq_Brasseur","name":"Jacq Brasseur","avatar_template":"https://avatars.discourse-cdn.com/v4/letter/j/c6cbf5/{size}.png","trust_level":0},{"id":2372,"username":"Hannah_Khwaja","name":"Hannah Khwaja","avatar_template":"https://avatars.discourse-cdn.com/v4/letter/h/f05b48/{size}.png","trust_level":1},{"id":2364,"username":"nick1","name":"nick","avatar_template":"https://avatars.discourse-cdn.com/v4/letter/n/47e85d/{size}.png","trust_level":0},{"id":947,"username":"Jayesh_Urath","name":"Jay","avatar_template":"https://avatars.discourse-cdn.com/v4/letter/j/9e8a1a/{size}.png","trust_level":2},{"id":2274,"username":"CQ","name":"claire","avatar_template":"https://avatars.discourse-cdn.com/v4/letter/c/919ad9/{size}.png","trust_level":0}],"primary_groups":[],"flair_groups":[],"topic_list":{"can_create_topic":false,"more_topics_url":"/c/groovy-web-development-css-knowledge-bonanza/13?page=1","per_page":30,"topics":[{"fancy_title":"About the CSS Knowledge Bonanza! 🕺 category","id":21,"title":"About the CSS Knowledge Bonanza! 🕺 category","slug":"about-the-css-knowledge-bonanza-category","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2021-04-27T05:39:41.016Z","last_posted_at":null,"bumped":true,"bumped_at":"2023-07-05T09:15:12.137Z","archetype":"regular","unseen":false,"pinned":true,"unpinned":null,"excerpt":"All things SurveySparrow!","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":1238,"like_count":0,"has_summary":false,"last_poster_username":"marketing","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":1,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"Left-align text in emails","id":3780,"title":"Left-align text in emails","slug":"left-align-text-in-emails","posts_count":2,"reply_count":0,"highest_post_number":2,"image_url":null,"created_at":"2024-05-04T09:02:39.495Z","last_posted_at":"2024-05-15T08:49:59.571Z","bumped":true,"bumped_at":"2024-05-15T08:49:59.571Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"It seems impossible to correctly left-align the text in emails sent with email share. \nThe survey sparrow interface has the option to left-align the text instead of the default centering, and it appears correctly in the …","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":186,"like_count":0,"has_summary":false,"last_poster_username":"SurveySparrow_Support","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":null,"description":"Original Poster","user_id":2512,"primary_group_id":null,"flair_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":994,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS to have all characters visible on the header section","id":3778,"title":"CSS to have all characters visible on the header section","slug":"css-to-have-all-characters-visible-on-the-header-section","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/optimized/1X/7c422c9bc70ba75237988d393dcae4f2c8e950a1_2_1023x526.png","created_at":"2024-05-03T00:55:54.138Z","last_posted_at":"2024-05-03T00:55:54.220Z","bumped":true,"bumped_at":"2024-05-03T00:55:54.220Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Hi there, \nI need to increase the character limit and remove the ellipses in the header section. The header section is acting as an instruction for each question. See image below. \n  \nIn its current format I am missing t…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":163,"like_count":0,"has_summary":false,"last_poster_username":"jonathan.c","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":2511,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS to Remove the "*" for the required question","id":3257,"title":"CSS to Remove the \"*\" for the required question","slug":"css-to-remove-the-for-the-required-question","posts_count":5,"reply_count":2,"highest_post_number":5,"image_url":"https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/original/1X/76f37b2d69a2d2a84d689568992b9a343b12de4e.png","created_at":"2023-04-18T07:02:42.769Z","last_posted_at":"2024-04-30T11:03:27.179Z","bumped":true,"bumped_at":"2024-04-30T11:03:27.179Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"CSS to Remove the "*" for the required question : \n.surveysparrow-survey-container--classic-form .ss_cl_survey_qstn_item .ss_cl_survey_qstn h1.required p:last-child::before, .surveysparrow-survey-container--classic-form …","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":835,"like_count":0,"has_summary":false,"last_poster_username":"info2","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":null,"description":"Original Poster","user_id":1702,"primary_group_id":null,"flair_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":1985,"primary_group_id":null,"flair_group_id":null},{"extras":null,"description":"Recent Poster","user_id":2419,"primary_group_id":null,"flair_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":2492,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"Posting response via API gives error when using multiple choice","id":3194,"title":"Posting response via API gives error when using multiple choice","slug":"posting-response-via-api-gives-error-when-using-multiple-choice","posts_count":7,"reply_count":3,"highest_post_number":7,"image_url":null,"created_at":"2023-03-30T11:31:36.319Z","last_posted_at":"2024-04-09T07:51:27.205Z","bumped":true,"bumped_at":"2024-04-09T07:51:27.205Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"I am trying to post a response using the V3 endpoint: https://api.surveysparrow.com/v3/responses \nThis works fine if I am posting a text answer, but if my answer is a multiple choice type then i get the following error: \n…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":778,"like_count":0,"has_summary":false,"last_poster_username":"SurveySparrow_Support","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":null,"description":"Original Poster","user_id":2183,"primary_group_id":null,"flair_group_id":null},{"extras":null,"description":"Recent Poster","user_id":2498,"primary_group_id":null,"flair_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":994,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"How to add custom labels to a rating scale survey","id":3693,"title":"How to add custom labels to a rating scale survey","slug":"how-to-add-custom-labels-to-a-rating-scale-survey","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2024-01-24T10:57:11.314Z","last_posted_at":"2024-01-24T10:57:11.382Z","bumped":true,"bumped_at":"2024-01-24T10:57:11.382Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Hello Everyone! \nI recently came across a question on how to add custom labels to a rating scale survey, and I wanted to share a solution using CSS. If you're looking to add labels like "Worst" and "Best" below specific …","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":335,"like_count":0,"has_summary":false,"last_poster_username":"SurveySparrow_Support","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":994,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS to remove the "Skip" option and simply add the "Next" button after each question","id":3612,"title":"CSS to remove the \"Skip\" option and simply add the \"Next\" button after each question","slug":"css-to-remove-the-skip-option-and-simply-add-the-next-button-after-each-question","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2023-10-13T02:02:26.711Z","last_posted_at":"2023-10-13T02:02:26.773Z","bumped":true,"bumped_at":"2023-10-13T02:02:26.773Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Instead of having a "Next" button on only some questions that have "select all that apply" options, I want to have a "Next" button after each question, even those that can be skipped. How could I do this?","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":425,"like_count":0,"has_summary":false,"last_poster_username":"Jacq_Brasseur","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":2406,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS to make the "Skip" option into a clickable button","id":3611,"title":"CSS to make the \"Skip\" option into a clickable button","slug":"css-to-make-the-skip-option-into-a-clickable-button","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2023-10-13T02:01:07.821Z","last_posted_at":"2023-10-13T02:01:07.880Z","bumped":true,"bumped_at":"2023-10-13T02:01:07.880Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"How can I use custom CSS to make the Skip option into a clickable button, similar to the "Next" Button for questions that have multiple/select all that apply options?","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":406,"like_count":0,"has_summary":false,"last_poster_username":"Jacq_Brasseur","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":2406,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS to remove the Background for the Welcome and Thank you page","id":3595,"title":"CSS to remove the Background for the Welcome and Thank you page","slug":"css-to-remove-the-background-for-the-welcome-and-thank-you-page","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/optimized/1X/1fb785c89b68f93cb64f30bd576259610883ab98_2_1024x735.jpeg","created_at":"2023-10-03T05:31:41.441Z","last_posted_at":"2023-10-03T05:31:41.519Z","bumped":true,"bumped_at":"2023-10-03T05:31:41.519Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"CSS to remove the Background for the Welcome and Thank you page. \nThis CSS code will eliminate the background image on both the Welcome and Thank you pages, allowing us to customize the survey's introduction and conclusi…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":424,"like_count":0,"has_summary":false,"last_poster_username":"adithya.s","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":1702,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS to hide navigation buttons","id":3242,"title":"CSS to hide navigation buttons","slug":"css-to-hide-navigation-buttons","posts_count":5,"reply_count":3,"highest_post_number":5,"image_url":"https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/original/1X/ab03ec0097a54cff18f68f1fb417ad5c79b6355f.png","created_at":"2023-04-17T08:46:28.298Z","last_posted_at":"2023-10-02T05:09:34.361Z","bumped":true,"bumped_at":"2023-10-02T05:09:34.361Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"CSS to hide navigation buttons: \n.surveysparrow-survey-container--classic-form .ss-classic-footer--old .ss_classic_footer_right_content_wrap .ss_classic_form_navigator \n{ \nvisibility: hidden \n}","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":851,"like_count":1,"has_summary":false,"last_poster_username":"SurveySparrow_Support","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":null,"description":"Original Poster","user_id":1985,"primary_group_id":null,"flair_group_id":null},{"extras":null,"description":"Recent Poster","user_id":2372,"primary_group_id":null,"flair_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":994,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS to reduce size of section title text","id":3590,"title":"CSS to reduce size of section title text","slug":"css-to-reduce-size-of-section-title-text","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2023-09-28T17:38:58.200Z","last_posted_at":"2023-09-28T17:38:58.256Z","bumped":true,"bumped_at":"2023-09-28T17:38:58.256Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Hi, I was wondering if you could please advise on CSS to reduce the font size of section title text. \nMany thanks","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":524,"like_count":0,"has_summary":false,"last_poster_username":"Hannah_Khwaja","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":2372,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS to align footer text to center","id":3589,"title":"CSS to align footer text to center","slug":"css-to-align-footer-text-to-center","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2023-09-28T17:38:03.403Z","last_posted_at":"2023-09-28T17:38:03.481Z","bumped":true,"bumped_at":"2023-09-28T17:38:03.481Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Hi, I was wondering if you could please advise on CSS to align footer text to center. \nMany thanks","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":415,"like_count":0,"has_summary":false,"last_poster_username":"Hannah_Khwaja","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":2372,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS to make the table sit to the screen without scroll in matrix-type question","id":3580,"title":"CSS to make the table sit to the screen without scroll in matrix-type question","slug":"css-to-make-the-table-sit-to-the-screen-without-scroll-in-matrix-type-question","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/optimized/1X/b4887c6b98fcf00bcbdcf5e005ed04c72f6168ec_2_1024x440.png","created_at":"2023-09-22T11:04:43.426Z","last_posted_at":"2023-09-22T11:04:43.495Z","bumped":true,"bumped_at":"2023-09-22T11:04:43.495Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"CSS to make the table sit to the screen without scroll in matrix-type question \n.ss_matrix--header .ss_matrix_column { \nwidth: 50px !important; \n} \n.ss_matrix_contents .ss_matrix_column { \nwidth: 50px !important; \n} \n.ma…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":463,"like_count":0,"has_summary":false,"last_poster_username":"Venkata_Abhijith","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":1985,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS to reduce the space in between the Single page question","id":3477,"title":"CSS to reduce the space in between the Single page question","slug":"css-to-reduce-the-space-in-between-the-single-page-question","posts_count":4,"reply_count":2,"highest_post_number":4,"image_url":"https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/optimized/1X/89b524c42006800171b35db152f2f3d9d6540467_2_1024x638.jpeg","created_at":"2023-06-30T07:48:22.088Z","last_posted_at":"2023-08-22T15:07:21.065Z","bumped":true,"bumped_at":"2023-08-22T15:07:21.065Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"CSS to reduce the space in between the Single page question \nBy applying this CSS, you can reduce the spacing between the single-page questions, eliminating the need for users to scroll down in order to submit the questi…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":724,"like_count":0,"has_summary":false,"last_poster_username":"Hannah_Khwaja","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":null,"description":"Original Poster","user_id":1702,"primary_group_id":null,"flair_group_id":null},{"extras":null,"description":"Recent Poster","user_id":1985,"primary_group_id":null,"flair_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":2372,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"Reduce the space between the image and the Yes/No buttons","id":3543,"title":"Reduce the space between the image and the Yes/No buttons","slug":"reduce-the-space-between-the-image-and-the-yes-no-buttons","posts_count":6,"reply_count":2,"highest_post_number":6,"image_url":"https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/optimized/1X/2e938e2d132ec815be0fc50923a0b8239e6f415a_2_1024x768.jpeg","created_at":"2023-08-10T18:39:20.606Z","last_posted_at":"2023-08-11T14:10:33.775Z","bumped":true,"bumped_at":"2023-08-11T14:10:33.775Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Greetings.  I set up survey, most of the questions are Yes/No and have the two Yes No tiles appearing below the image.   The description field is empty on all questions.    If I have a question that is only a single line…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":673,"like_count":0,"has_summary":false,"last_poster_username":"Venkata_Abhijith","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":null,"description":"Original Poster","user_id":2364,"primary_group_id":null,"flair_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":1985,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS to make the chat interface colour transparent","id":2935,"title":"CSS to make the chat interface colour transparent","slug":"css-to-make-the-chat-interface-colour-transparent","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/optimized/1X/b243944e0e882b25e4eea7574a004869257b6a59_2_1024x319.jpeg","created_at":"2022-11-25T07:20:04.963Z","last_posted_at":"2022-11-25T07:20:05.030Z","bumped":true,"bumped_at":"2023-08-09T10:25:19.709Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"This CSS code will make the chat widget transparent to the background image/colour. \n.surveysparrow-chat__split-layer { \nbackground: transparent; \n}","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":904,"like_count":0,"has_summary":false,"last_poster_username":"Jayesh_Urath","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":947,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS for Expanding Character Limit in Labels","id":3536,"title":"CSS for Expanding Character Limit in Labels","slug":"css-for-expanding-character-limit-in-labels","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/optimized/1X/2fb3cd140a4f7187df429c0d06fd9eec73d08c27_2_1024x616.jpeg","created_at":"2023-08-09T06:51:18.798Z","last_posted_at":"2023-08-09T06:51:18.870Z","bumped":true,"bumped_at":"2023-08-09T06:51:18.870Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"CSS for Expanding Character Limit in Labels \nThis CSS enables customizable labeling by extending the character limit in NPS. \nCode : \n.ss-answer-option--rating label { \nfont-size: 0; \n} \n.ss-answer-option--rating label::…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":480,"like_count":0,"has_summary":false,"last_poster_username":"adithya.s","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":1702,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS to customise the Button Size in Surveys","id":3527,"title":"CSS to customise the Button Size in Surveys","slug":"css-to-customise-the-button-size-in-surveys","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/optimized/1X/ee46da88c2a2e0f15925c6ad877b723bc417c516_2_1024x719.jpeg","created_at":"2023-08-03T06:02:00.941Z","last_posted_at":"2023-08-03T06:02:01.012Z","bumped":true,"bumped_at":"2023-08-03T06:02:01.012Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"CSS to customise the Button Size in Surveys. \nTo enhance user visibility and navigation within the surveys, you can customize the button size using the following CSS code. \nCode : \nbutton, input, optgroup, select, textar…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":532,"like_count":0,"has_summary":false,"last_poster_username":"adithya.s","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":1702,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS for Horizontal Navigation Arrows","id":3525,"title":"CSS for Horizontal Navigation Arrows","slug":"css-for-horizontal-navigation-arrows","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/optimized/1X/c314617f0fe4bb94b15039b3c29e5b0516022282_2_1024x728.png","created_at":"2023-08-02T06:05:13.498Z","last_posted_at":"2023-08-02T06:05:13.615Z","bumped":true,"bumped_at":"2023-08-02T06:05:13.615Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"CSS for Horizontal Navigation Arrows. \nThis CSS code enables users to navigate the questions from left to right by changing the direction of the navigation arrows from vertical to horizontal. \n.ss_classic_form_navigator …","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":498,"like_count":0,"has_summary":false,"last_poster_username":"adithya.s","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":1702,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS to change color of drop down menu for multi lingual surveys","id":3523,"title":"CSS to change color of drop down menu for multi lingual surveys","slug":"css-to-change-color-of-drop-down-menu-for-multi-lingual-surveys","posts_count":5,"reply_count":2,"highest_post_number":5,"image_url":null,"created_at":"2023-07-25T17:28:08.768Z","last_posted_at":"2023-07-26T16:18:03.129Z","bumped":true,"bumped_at":"2023-07-26T16:18:03.129Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Does anyone know how to do this?","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":619,"like_count":0,"has_summary":false,"last_poster_username":"SurveySparrow_Support","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":null,"description":"Original Poster","user_id":2274,"primary_group_id":null,"flair_group_id":null},{"extras":null,"description":"Recent Poster","user_id":1985,"primary_group_id":null,"flair_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":994,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS to center align error message","id":3236,"title":"CSS to center align error message","slug":"css-to-center-align-error-message","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/optimized/1X/fa31e1f42e4b29d26fa810ea15ef21f16c5044e0_2_1024x221.png","created_at":"2023-04-17T08:22:15.019Z","last_posted_at":"2023-04-17T08:22:15.096Z","bumped":true,"bumped_at":"2023-07-20T10:52:53.447Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Css To Center Align Error Message: \n.helper-msgs-container{ \nleft:50%; \ntransform:translateX(-50%); \n}","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":624,"like_count":1,"has_summary":false,"last_poster_username":"Venkata_Abhijith","category_id":13,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":1985,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS to have the Rating scale in different colours","id":3505,"title":"CSS to have the Rating scale in different colours","slug":"css-to-have-the-rating-scale-in-different-colours","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/optimized/1X/542f5db8482a01367217d89239684cc3ee502d6e_2_1024x448.jpeg","created_at":"2023-07-18T07:06:34.654Z","last_posted_at":"2023-07-18T07:06:34.724Z","bumped":true,"bumped_at":"2023-07-18T07:06:34.724Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"CSS to have the Rating scale in different colours. \nBy using this CSS, you can implement a rating scale in various colors, thereby enhancing the user experience and making the question rating visually appealing. \n  \n  \n.…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":759,"like_count":0,"has_summary":false,"last_poster_username":"adithya.s","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":1702,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS to have a different background image for the Welcome page","id":3472,"title":"CSS to have a different background image for the Welcome page","slug":"css-to-have-a-different-background-image-for-the-welcome-page","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/optimized/1X/f4b450732ffd2e9e6bd8bd0a81a11342989da255_2_1024x698.jpeg","created_at":"2023-06-29T14:04:45.910Z","last_posted_at":"2023-06-29T14:04:45.975Z","bumped":true,"bumped_at":"2023-06-29T14:04:45.975Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"CSS to have a different background image for the Welcome page. \nThe following CSS code will allow you to customize the background image specifically for the welcome page, providing a distinct visual separation between th…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":708,"like_count":0,"has_summary":false,"last_poster_username":"adithya.s","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":1702,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS to make survey header transparent","id":3244,"title":"CSS to make survey header transparent","slug":"css-to-make-survey-header-transparent","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/optimized/1X/4da0f70686faac7956979e1df5eb94120c8f2e02_2_1024x103.png","created_at":"2023-04-17T08:54:04.010Z","last_posted_at":"2023-04-17T08:54:04.083Z","bumped":true,"bumped_at":"2023-06-20T13:13:13.622Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"CSS to make survey header transparent: \n.ss_classic_top_bar .ss_classic_top_bar_section_details { \nbackground: transparent; \n} \n.surveysparrow-survey-container--classic-form .ss_classic_top_bar { \nbackground: transparent…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":670,"like_count":0,"has_summary":false,"last_poster_username":"Venkata_Abhijith","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":1985,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS to add more columns with Picture choice question","id":3458,"title":"CSS to add more columns with Picture choice question","slug":"css-to-add-more-columns-with-picture-choice-question","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/optimized/1X/0b38dc7bf3e6c2484d6b238b86a314d401e15de5_2_1024x694.jpeg","created_at":"2023-06-20T10:22:32.173Z","last_posted_at":"2023-06-20T10:22:32.236Z","bumped":true,"bumped_at":"2023-06-20T10:22:32.236Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"CSS to add more columns with Picture choice question \nBy applying this CSS, additional columns will be added to the picture choice question, allowing users to view all the available options without the need to scroll dow…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":549,"like_count":1,"has_summary":false,"last_poster_username":"adithya.s","category_id":13,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":1702,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS to make the Progress bar larger","id":3457,"title":"CSS to make the Progress bar larger","slug":"css-to-make-the-progress-bar-larger","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/optimized/1X/aee5f10f5542f5df0647ed501214aa72e6b95130_2_1024x508.jpeg","created_at":"2023-06-20T09:42:59.010Z","last_posted_at":"2023-06-20T09:42:59.076Z","bumped":true,"bumped_at":"2023-06-20T09:42:59.076Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"CSS to make the Progress bar larger. \nTo increase the size of the progress bar, you can modify the numbers in the following section of the code: "transform: scale(2.5);". By adjusting these values, you can customize the …","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":750,"like_count":0,"has_summary":false,"last_poster_username":"adithya.s","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":1702,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"To fix the footer overlapping issue for mobile devices, you can use the following CSS code","id":3440,"title":"To fix the footer overlapping issue for mobile devices, you can use the following CSS code","slug":"to-fix-the-footer-overlapping-issue-for-mobile-devices-you-can-use-the-following-css-code","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/optimized/1X/12100e3f067521dd28ca545edf0bcd80deb2b728_2_491x1024.jpeg","created_at":"2023-06-09T06:20:08.134Z","last_posted_at":"2023-06-09T06:20:08.192Z","bumped":true,"bumped_at":"2023-06-16T10:18:10.031Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"To fix the footer overlapping issue for mobile devices, you can use the following CSS code \n@media screen and (max-width: 479px) { \n.ss-classic-footer .ss-classic-footer--container, \n.ss-classic-footer--old .ss_classic_f…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":715,"like_count":0,"has_summary":false,"last_poster_username":"SurveySparrow_Support","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":994,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS to increase the character length in the header section","id":3451,"title":"CSS to increase the character length in the header section","slug":"css-to-increase-the-character-length-in-the-header-section","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/optimized/1X/11fb82b7dc9fb37eb3647c543e5b1a1212bc0929_2_1024x428.png","created_at":"2023-06-15T14:02:45.841Z","last_posted_at":"2023-06-15T14:02:45.899Z","bumped":true,"bumped_at":"2023-06-15T14:02:45.899Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"CSS to increase the character length in the header section: \n.surveysparrow-survey-container--classic-form .ss_classic_top_bar .ss_classic_top_bar_section_details p { \ndisplay: none; \n} \n.surveysparrow-survey-container--…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":652,"like_count":0,"has_summary":false,"last_poster_username":"Venkata_Abhijith","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":1985,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS to increase the character length of the words below the picture choice question","id":3447,"title":"CSS to increase the character length of the words below the picture choice question","slug":"css-to-increase-the-character-length-of-the-words-below-the-picture-choice-question","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/optimized/1X/1302c724e18dfbb72f5eb0c66f7ac3624b11aee7_2_1024x569.jpeg","created_at":"2023-06-13T09:55:09.429Z","last_posted_at":"2023-06-13T09:55:09.493Z","bumped":true,"bumped_at":"2023-06-13T09:55:09.493Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"CSS to increase the character length of the words below the picture choice question: \n.ss-answer-option--picture-choice .ss-choice-content p::after { \ncontent: attr(title); \nfont-size: 14px; \n} \n.ss-answer-option--pictur…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":580,"like_count":0,"has_summary":false,"last_poster_username":"Venkata_Abhijith","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":1985,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"CSS to have the rating scale in one line for mobile devices","id":3434,"title":"CSS to have the rating scale in one line for mobile devices","slug":"css-to-have-the-rating-scale-in-one-line-for-mobile-devices","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/optimized/1X/e7a121c5cc7646348ebd81a35b9f7d765523cebb_2_473x1024.jpeg","created_at":"2023-06-06T06:17:48.307Z","last_posted_at":"2023-06-06T06:17:48.365Z","bumped":true,"bumped_at":"2023-06-06T06:36:27.905Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"CSS to have the rating scale in one line for mobile devices. \nBy implementing this CSS code, the NPS scale, which might be displayed in two lines, will be transformed to appear as a single line. This modification ensures…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"views":701,"like_count":0,"has_summary":false,"last_poster_username":"adithya.s","category_id":13,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":1702,"primary_group_id":null,"flair_group_id":null}]}]}}