{"id":2782,"date":"2017-09-06T13:00:47","date_gmt":"2017-09-06T13:00:47","guid":{"rendered":"http:\/\/himbap.com\/blog\/?p=2782"},"modified":"2017-09-06T13:00:47","modified_gmt":"2017-09-06T13:00:47","slug":"centering-image-in-voice-of-customer-survey","status":"publish","type":"post","link":"https:\/\/himbap.com\/blog\/?p=2782","title":{"rendered":"Centering Image in Voice of Customer Survey"},"content":{"rendered":"

Requirement<\/strong>: We got business requirement to center voice of the customer survey logo, increase size of the logo and remove survey title. In this article we are going to share step to perform the same.<\/p>\n

.\"VOC9\"<\/a><\/p>\n

Solution<\/strong>: Above requirements can be implemented by modifying existing default theme or we can create new theme as well. In this\u00a0demo we are going to use default theme. We can use following steps to implement above requirement.
\n1. Navigate to Voice of the Customer -> Themes
\n\"VOC1\"<\/a>
\n2. Open Default theme or any custom theme that we want modify
\n3. Navigate to CSS area and add our code after existing code
\n\"voc12\"<\/a>
\n3. Use following code to remove title text and center image and increase image size, you may need to do changes in the size based on the image size.<\/p>\n

\r\nh1.h_t_c{ display:none !important; }   \/* hide label*\/\r\nimg.s_i{ max-width:100%; height:auto; width: auto; margin: auto; position: absolute;\r\n              top: 0; left: 0; bottom: 0; right: 0;\r\n              margin-top: 20px !important;  }  \/* increase image size and replace it in center*\/\r\n\r\n<\/pre>\n
After adding our code it should look like following:
\n\"voc11\"<\/a><\/p>\n
4. Save theme changes.
\n5. Now open any survey which is using the theme that we have modified, we should be able to see image centered and title text is remove like following:
\n\"voc2\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Requirement: We got business requirement to center voice of the customer survey logo, increase size of the logo and remove survey title. In this article we are going to share step to perform the same. . Solution: Above requirements can be implemented by modifying existing default theme or we can create new theme as well. In this\u00a0demo we are going… Read more »<\/a><\/p>\n","protected":false},"author":1,"featured_media":2772,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[21,402,456],"tags":[461,459,460],"_links":{"self":[{"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2782"}],"collection":[{"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2782"}],"version-history":[{"count":3,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2782\/revisions"}],"predecessor-version":[{"id":2794,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2782\/revisions\/2794"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/media\/2772"}],"wp:attachment":[{"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}