{"id":13708,"date":"2023-05-06T10:30:21","date_gmt":"2023-05-06T14:30:21","guid":{"rendered":"https:\/\/buzapps.net\/info\/?post_type=knowledgebase&#038;p=13708"},"modified":"2023-07-31T14:01:14","modified_gmt":"2023-07-31T18:01:14","slug":"customize-category-text-in-places-feature","status":"publish","type":"knowledgebase","link":"https:\/\/buzapps.net\/info\/knowledgebase\/how-to\/customize-category-text-in-places-feature\/","title":{"rendered":"Customize and improve Places feature."},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>Follow the instructions below to increase the text size, bold the Category Name text, and make other style improvements to the Places feature.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1)<\/strong>&nbsp;Log into your App Manager and&nbsp;<strong>select your app<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2)<\/strong>&nbsp;Click&nbsp;<strong>Colors<\/strong>&nbsp;from the left-hand-side of the screen (or the middle of the screen).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3)<\/strong>&nbsp;Scroll down to the&nbsp;<strong>Advanced SCSS box<\/strong>. If there is already code in the advanced SCSS box, do not remove it.&nbsp;Start a new line \u201cafter\u201d the last character in the box, then paste the above code.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*** BEGIN: PLACES STYLE IMPROVEMENTS - 230731 ***\/\r\n\r\n\/** PLACES LIST **\/\r\n\r\n\/* Card *\/\r\n.module-places .place-100 .card,\r\n.module-places .place-50 .card,\r\n.module-places .place-33 .card { border-radius: 10px; }\r\n\r\n\/* Card Images *\/\r\n.module-places .place .card .image { border-radius: 10px 0 0 10px; }\r\n.module-places .place-33 .card .image, .module-places .place-50 .card .image { border-radius: 10px 10px 0 0 !important; }\r\n\r\n\/** PLACES VIEW **\/\r\nion-view&#91;state=\"places-view\"] .sb-cms-block-address .item { border: transparent !important; }\r\n\r\n.module-places.places-view .card {\r\n    box-shadow: 0 0 2px #ddd !important;\r\n    border-radius: 10px !important;\r\n}\r\n\r\n\/** SEARCH **\/\r\n.module-places .places-filters .card { border-radius: 10px; }\r\n.module-places.places-filter  .list .item.item-custom input {\r\n\tbackground: #ddd !important;\r\n  \tborder-radius: 20px;\r\n  \tcolor: #000 !important;\r\n  \tpadding: 10px !important;\r\n}\r\n\r\n.module-places i.clear-text { color: #000 !important; }\r\n\r\n.module-places.places-filter  .list .item.item-custom input::placeholder {\r\n  \tcolor: #000 !important; \r\n}\r\n\r\n.module-places.places-filter  .list .item.item-custom input::-webkit-input-placeholder {\r\n \tcolor: #000 !important; \r\n}\r\n\r\n\/** MAP INFO **\/\r\n\r\n\/* Window height *\/\r\n@media screen and (orientation: portrait) {\r\n  .module-places .info-window {\r\n    \theight: 200px !important;\r\n    \tbackground: #fff !important;\r\n  }\r\n}\r\n\r\n\/* Place Text *\/\r\n.module-places .info-window .info-window-icon span.info-window-title {\r\n    color: #000 !important;\r\n    font-size: 16px !important;\r\n}\r\n\r\n\/* See details *\/\r\n.module-places .info-window .info-window-icon span.info-window-more {\r\n    color: #333 !important;\r\n    font-size: 12px !important;\r\n}\r\n\r\n\/* Address *\/\r\n.module-places .sb-cms-block-address .item,\r\n.module-places .sb-cms-block-address .item p.sb-cms-address-address {\r\n    color: #000 !important;\r\n    font-size: 14px !important;\r\n}\r\n\r\n\/* Borders *\/\r\n.module-places .sb-cms-block-address .item { border: solid 1px #ddd !important; }\r\n\r\n.module-places .info-window .info-window-icon {\r\n    border: solid 1px #ddd !important;\r\n    border-radius: 10px 10px 0 0;\r\n}\r\n\r\n\/*Category Changes*\/\r\n\/*change column view*\/\r\n.module-places .card .text .title {\r\nfont-weight: bold;\r\nfont-size: 15px;\r\n}\r\n\r\n\/**change list view*\/\r\n.module-places .place-100 .card .text .title {\r\nfont-weight: bold;\r\nfont-size: 16px;\r\n}\r\n.module-places .place-100 .card .text .title {\r\nmargin-bottom: 5px;\r\n}\r\n.module-places .place-100 .card .text .subtitle {\r\ndisplay: block !important;\r\noverflow: hidden;\r\ntext-overflow: ellipsis;\r\nfont-size: 14px;\r\n}\r\n\/**End alter category name in places feature*\/\r\n\r\n\/**Begin center category name in places feature*\/\r\n.module-places .card .text .title {\r\ntext-align: center !important;\r\n}\r\n\/**End center category name in places feature*\/\r\n\r\n\/**Begin change places feature search icon color*\/\r\n.module-places .svg_filter_bg {\r\nfill:\r\n#ff6433 !important;\r\n}\r\n\/**End change places feature search icon color*\/\r\n\r\n\/*** END: PLACES STYLE IMPROVEMENTS - 230731 ***\/<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4)<\/strong> Click\u00a0<strong>Save<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>NOTE:<\/strong> Change the font size (&#8220;16&#8221; and &#8220;15&#8221;) to fit your needs<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Follow the instructions below to increase the text size, bold the Category Name text, and make other style improvements to the Places feature. 1)&nbsp;Log into your App Manager and&nbsp;select your app. 2)&nbsp;Click&nbsp;Colors&nbsp;from the left-hand-side of the screen (or the middle of the screen). 3)&nbsp;Scroll down to the&nbsp;Advanced SCSS box. If there is already code in the advanced SCSS box, do not remove it.&nbsp;Start a new line \u201cafter\u201d the last character in the box, then paste the above code. 4) Click\u00a0Save. NOTE: Change the font size (&#8220;16&#8221; and &#8220;15&#8221;) to fit your needs<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-13708","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/comments?post=13708"}],"version-history":[{"count":3,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13708\/revisions"}],"predecessor-version":[{"id":14519,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13708\/revisions\/14519"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=13708"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=13708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}