{"id":55,"date":"2020-08-20T07:39:59","date_gmt":"2020-08-20T07:39:59","guid":{"rendered":"https:\/\/ecubeapps.com\/portal\/help\/?post_type=ht_kb&#038;p=55"},"modified":"2020-08-20T12:27:36","modified_gmt":"2020-08-20T12:27:36","slug":"css-tab-module","status":"publish","type":"ht_kb","link":"https:\/\/ecubeapps.com\/portal\/help\/knowledge-base\/css-tab-module\/","title":{"rendered":"How to use custom CSS styles ?"},"content":{"rendered":"\n<p>From <em>CSS<\/em> tab user can write own CSS styles based on his requirement. If the user wants to write any CSS style, first he selects the control from Form section then correspond control class will be opened in CSS tab, by using that class he can apply the styles for that control.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"470\" src=\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-122-1024x470.png\" alt=\"\" class=\"wp-image-56\" srcset=\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-122-1024x470.png 1024w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-122-300x138.png 300w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-122-768x353.png 768w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-122-50x23.png 50w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-122-920x423.png 920w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-122-600x276.png 600w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-122-320x147.png 320w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-122.png 1365w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"author":4,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"ht_kb_category":[22],"ht_kb_tag":[23,18,21],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v14.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\r\n<title>How to use custom CSS styles ? - eCubeApps Help<\/title>\r\n<meta name=\"robots\" content=\"index, follow\" \/>\r\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/ecubeapps.com\/portal\/help\/knowledge-base\/css-tab-module\/\" \/>\r\n<meta property=\"og:locale\" content=\"en_US\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"How to use custom CSS styles ? - eCubeApps Help\" \/>\r\n<meta property=\"og:description\" content=\"From CSS tab user can write own CSS styles based on his requirement. If the user wants to write any CSS style, first he selects the control from Form section then correspond control class will be opened in CSS tab, by using that class he can apply the styles for [&hellip;]\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/ecubeapps.com\/portal\/help\/knowledge-base\/css-tab-module\/\" \/>\r\n<meta property=\"og:site_name\" content=\"eCubeApps Help\" \/>\r\n<meta property=\"article:modified_time\" content=\"2020-08-20T12:27:36+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-122-1024x470.png\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ecubeapps.com\/portal\/help\/#website\",\"url\":\"https:\/\/ecubeapps.com\/portal\/help\/\",\"name\":\"eCubeApps Help\",\"description\":\"Application Help Centre\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/ecubeapps.com\/portal\/help\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/ecubeapps.com\/portal\/help\/knowledge-base\/css-tab-module\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-122.png\",\"width\":1365,\"height\":627},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ecubeapps.com\/portal\/help\/knowledge-base\/css-tab-module\/#webpage\",\"url\":\"https:\/\/ecubeapps.com\/portal\/help\/knowledge-base\/css-tab-module\/\",\"name\":\"How to use custom CSS styles ? - eCubeApps Help\",\"isPartOf\":{\"@id\":\"https:\/\/ecubeapps.com\/portal\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ecubeapps.com\/portal\/help\/knowledge-base\/css-tab-module\/#primaryimage\"},\"datePublished\":\"2020-08-20T07:39:59+00:00\",\"dateModified\":\"2020-08-20T12:27:36+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ecubeapps.com\/portal\/help\/knowledge-base\/css-tab-module\/\"]}]}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/ecubeapps.com\/portal\/help\/wp-json\/wp\/v2\/ht_kb\/55"}],"collection":[{"href":"https:\/\/ecubeapps.com\/portal\/help\/wp-json\/wp\/v2\/ht_kb"}],"about":[{"href":"https:\/\/ecubeapps.com\/portal\/help\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ecubeapps.com\/portal\/help\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/ecubeapps.com\/portal\/help\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":4,"href":"https:\/\/ecubeapps.com\/portal\/help\/wp-json\/wp\/v2\/ht_kb\/55\/revisions"}],"predecessor-version":[{"id":319,"href":"https:\/\/ecubeapps.com\/portal\/help\/wp-json\/wp\/v2\/ht_kb\/55\/revisions\/319"}],"wp:attachment":[{"href":"https:\/\/ecubeapps.com\/portal\/help\/wp-json\/wp\/v2\/media?parent=55"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ecubeapps.com\/portal\/help\/wp-json\/wp\/v2\/ht_kb_category?post=55"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ecubeapps.com\/portal\/help\/wp-json\/wp\/v2\/ht_kb_tag?post=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}