{"id":3307,"date":"2020-08-26T14:00:31","date_gmt":"2020-08-26T21:00:31","guid":{"rendered":"https:\/\/ephesoft.com\/docs\/?p=3307"},"modified":"2021-06-03T17:21:44","modified_gmt":"2021-06-04T00:21:44","slug":"how-to-change-logo-in-ephesoft","status":"publish","type":"post","link":"https:\/\/ephesoft.com\/docs\/how-to-change-logo-in-ephesoft\/","title":{"rendered":"How to Change the Ephesoft Logo"},"content":{"rendered":"<p><span style=\"color: #333333\">This page contains steps for how to replace the Ephesoft logo within Ephesoft Transact with your own company logo. These instructions are intended for partners and customers who are looking to white-label Transact.<\/span><\/p>\n<h2><span style=\"color: #333333\"><a id=\"post-3307-_p1nfyddfzkf0\" style=\"color: #333333\"><\/a>Prerequisites<\/span><\/h2>\n<ul>\n<li><span style=\"color: #333333\">You will need administrator permissions.<\/span><\/li>\n<li><span style=\"color: #333333\">You will need a basic understanding of HTML and CSS.<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #333333\">The instructions for this procedure vary by version:<\/span><\/p>\n<ul>\n<li><a href=\"#post-3307-_g9wcedvo7r66\">Ephesoft Transact 2019.1 and above<\/a><\/li>\n<li><a href=\"#post-3307-_ofsp8kj1cbnq\">Ephesoft Transact 4.0.0.0 to 4.5.0.0<\/a><\/li>\n<\/ul>\n<h2><a id=\"post-3307-_g9wcedvo7r66\"><\/a><span style=\"color: #333333\">Ephesoft Transact 2019.1 and Above<\/span><\/h2>\n<p><span style=\"color: #333333\">To upload your customized logo, perform the following steps:<\/span><\/p>\n<ol>\n<li><span style=\"color: #333333\">Navigate to the <strong>images <\/strong>folder at [<em>Ephesoft_Directory<\/em>]\\Application\\custom\\images.<\/span><\/li>\n<\/ol>\n<figure id=\"attachment_46819\" aria-describedby=\"caption-attachment-46819\" style=\"width: 910px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-46819\" src=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-4.png\" alt=\"\" width=\"910\" height=\"285\" srcset=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-4.png 910w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-4-300x94.png 300w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-4-768x241.png 768w\" sizes=\"(max-width: 910px) 100vw, 910px\" \/><figcaption id=\"caption-attachment-46819\" class=\"wp-caption-text\"><em>Figure 1. Images Folder<\/em><\/figcaption><\/figure>\n<ol start=\"2\">\n<li><span style=\"color: #333333\">Add or copy your image file to the <strong>images <\/strong>folder. The filename should be unique. Supported file types are:<\/span>\n<ul>\n<li><span style=\"color: #333333\">SVG<\/span><\/li>\n<li><span style=\"color: #333333\">PNG<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h3><span style=\"color: #333333\"><a id=\"post-3307-_n5pj9o9xh30d\" style=\"color: #333333\"><\/a>Edit the Logo File Paths<\/span><\/h3>\n<p><span style=\"color: #333333\">After you have uploaded the new logo image, you will need to change the file path in the affected files to direct to the new image.<\/span><\/p>\n<p><span style=\"color: #333333\">The following files are affected, which are located in [<em>Ephesoft_Directory<\/em>]\\Application:<\/span><\/p>\n<ul>\n<li><a href=\"#post-3307-_ebtsqo3hnsxs\">Login.html<\/a><\/li>\n<li><a href=\"#post-3307-_p4x60hv27p6a\">home.html<\/a><\/li>\n<li><a href=\"#post-3307-_d0mcqhrnfc6p\">common.css<\/a><\/li>\n<\/ul>\n<p><span style=\"color: #333333\"><strong>Note: <\/strong>You do not need to restart Transact after making changes to the above files. To view your changes, refresh your browser.<\/span><\/p>\n<h4><span style=\"color: #333333\"><a id=\"post-3307-_ebtsqo3hnsxs\" style=\"color: #333333\"><\/a>Edit the Login.html File<\/span><\/h4>\n<p><span style=\"color: #333333\">The <strong>Login.html<\/strong> changes the logo on the <strong>Login <\/strong>screen.<\/span><\/p>\n<figure id=\"attachment_46820\" aria-describedby=\"caption-attachment-46820\" style=\"width: 512px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-46820\" src=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-5.png\" alt=\"\" width=\"512\" height=\"381\" srcset=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-5.png 512w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-5-300x223.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><figcaption id=\"caption-attachment-46820\" class=\"wp-caption-text\"><em>Figure 2. Login Screen<\/em><\/figcaption><\/figure>\n<p><span style=\"color: #333333\">By default, the file will point to the Ephesoft logo. To point to the new file, edit the<strong> img src <\/strong>attribute.<\/span><\/p>\n<ol>\n<li><span style=\"color: #333333\">Open the <strong>Login.html <\/strong>file, at [<em>Ephesoft_Directory<\/em>]\\Application.<\/span><\/li>\n<\/ol>\n<figure id=\"attachment_46821\" aria-describedby=\"caption-attachment-46821\" style=\"width: 905px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-46821\" src=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-6.png\" alt=\"\" width=\"905\" height=\"363\" srcset=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-6.png 905w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-6-300x120.png 300w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-6-768x308.png 768w\" sizes=\"(max-width: 905px) 100vw, 905px\" \/><figcaption id=\"caption-attachment-46821\" class=\"wp-caption-text\"><em>Figure 3. Application Folder<\/em><\/figcaption><\/figure>\n<ol start=\"2\">\n<li><span style=\"color: #333333\">Search for \u201ccompany_login_logo.svg\u201d.<\/span><\/li>\n<\/ol>\n<figure id=\"attachment_46822\" aria-describedby=\"caption-attachment-46822\" style=\"width: 1110px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-46822\" src=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-7.png\" alt=\"\" width=\"1110\" height=\"121\" srcset=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-7.png 1110w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-7-300x33.png 300w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-7-1024x112.png 1024w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-7-768x84.png 768w\" sizes=\"(max-width: 1110px) 100vw, 1110px\" \/><figcaption id=\"caption-attachment-46822\" class=\"wp-caption-text\"><em>Figure 4. Login.html File<\/em><\/figcaption><\/figure>\n<ol start=\"3\">\n<li><span style=\"color: #333333\">Duplicate the \u201cimg src\u201d line.<\/span><\/li>\n<\/ol>\n<figure id=\"attachment_46823\" aria-describedby=\"caption-attachment-46823\" style=\"width: 1092px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-46823\" src=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-8.png\" alt=\"\" width=\"1092\" height=\"131\" srcset=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-8.png 1092w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-8-300x36.png 300w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-8-1024x123.png 1024w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-8-768x92.png 768w\" sizes=\"(max-width: 1092px) 100vw, 1092px\" \/><figcaption id=\"caption-attachment-46823\" class=\"wp-caption-text\"><em>Figure 5. Duplicate img src<\/em><\/figcaption><\/figure>\n<ol start=\"4\">\n<li><span style=\"color: #333333\">Comment out the original line.<\/span><\/li>\n<\/ol>\n<figure id=\"attachment_46824\" aria-describedby=\"caption-attachment-46824\" style=\"width: 1128px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-46824\" src=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-9.png\" alt=\"\" width=\"1128\" height=\"135\" srcset=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-9.png 1128w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-9-300x36.png 300w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-9-1024x123.png 1024w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-9-768x92.png 768w\" sizes=\"(max-width: 1128px) 100vw, 1128px\" \/><figcaption id=\"caption-attachment-46824\" class=\"wp-caption-text\"><em>Figure 6. Comment Out Original<\/em><\/figcaption><\/figure>\n<ol start=\"5\">\n<li><span style=\"color: #333333\">Edit the new line to point to the new image file by replacing the \u201ccompany_login_logo.svg\u201d with the name of the new image file.<\/span><\/li>\n<\/ol>\n<figure id=\"attachment_46825\" aria-describedby=\"caption-attachment-46825\" style=\"width: 1133px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-46825\" src=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-10.png\" alt=\"\" width=\"1133\" height=\"130\" srcset=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-10.png 1133w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-10-300x34.png 300w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-10-1024x117.png 1024w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-10-768x88.png 768w\" sizes=\"(max-width: 1133px) 100vw, 1133px\" \/><figcaption id=\"caption-attachment-46825\" class=\"wp-caption-text\"><em>Figure 7. Update Filename<\/em><\/figcaption><\/figure>\n<ol start=\"6\">\n<li><span style=\"color: #333333\">Adjust the height and width of the <strong>img src <\/strong>attribute as needed.<\/span><\/li>\n<li><span style=\"color: #333333\">Save and close the file.<\/span><\/li>\n<\/ol>\n<h4><span style=\"color: #333333\"><a id=\"post-3307-_p4x60hv27p6a\" style=\"color: #333333\"><\/a>Edit the home.html File<\/span><\/h4>\n<p><span style=\"color: #333333\">The <strong>home.html<\/strong> changes the logo on the <strong>Home <\/strong>screen.<\/span><\/p>\n<figure id=\"attachment_46826\" aria-describedby=\"caption-attachment-46826\" style=\"width: 1115px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-46826\" src=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-11.png\" alt=\"\" width=\"1115\" height=\"674\" srcset=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-11.png 1115w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-11-300x181.png 300w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-11-1024x619.png 1024w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-11-768x464.png 768w\" sizes=\"(max-width: 1115px) 100vw, 1115px\" \/><figcaption id=\"caption-attachment-46826\" class=\"wp-caption-text\"><em>Figure 8. Home Screen<\/em><\/figcaption><\/figure>\n<ol>\n<li><span style=\"color: #333333\">Open the <strong>home.html <\/strong>file, at [<em>Ephesoft_Directory<\/em>]\\Application.<\/span><\/li>\n<\/ol>\n<figure id=\"attachment_46827\" aria-describedby=\"caption-attachment-46827\" style=\"width: 907px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-46827\" src=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-12.png\" alt=\"\" width=\"907\" height=\"368\" srcset=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-12.png 907w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-12-300x122.png 300w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-12-768x312.png 768w\" sizes=\"(max-width: 907px) 100vw, 907px\" \/><figcaption id=\"caption-attachment-46827\" class=\"wp-caption-text\"><em>Figure 9. home.html File<\/em><\/figcaption><\/figure>\n<ol start=\"2\">\n<li><span style=\"color: #333333\">Repeat steps 2-7 from the<\/span> <a href=\"#post-3307-_ebtsqo3hnsxs\">Login.html<\/a> <span style=\"color: #333333\">section above.<\/span><\/li>\n<\/ol>\n<p><span style=\"color: #333333\"><strong>Note: <\/strong>The <strong>img src <\/strong>attribute in the <strong>home.html<\/strong> file does not contain default height or width tags. Depending on the size and dimensions of your new file, you may need to add and customize these tags.<\/span><\/p>\n<figure id=\"attachment_46828\" aria-describedby=\"caption-attachment-46828\" style=\"width: 993px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-46828\" src=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-13.png\" alt=\"\" width=\"993\" height=\"111\" srcset=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-13.png 993w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-13-300x34.png 300w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-13-768x86.png 768w\" sizes=\"(max-width: 993px) 100vw, 993px\" \/><figcaption id=\"caption-attachment-46828\" class=\"wp-caption-text\"><em>Figure 10. Edit Height and Width<\/em><\/figcaption><\/figure>\n<h4><span style=\"color: #333333\"><a id=\"post-3307-_d0mcqhrnfc6p\" style=\"color: #333333\"><\/a>Edit the common.css File<\/span><\/h4>\n<p><span style=\"color: #333333\">The <strong>common.css<\/strong> changes the logo on each Administrator and Operator page within Transact.<\/span><\/p>\n<figure id=\"attachment_46829\" aria-describedby=\"caption-attachment-46829\" style=\"width: 1237px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-46829\" src=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-14.png\" alt=\"\" width=\"1237\" height=\"927\" srcset=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-14.png 1237w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-14-300x225.png 300w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-14-1024x767.png 1024w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-14-768x576.png 768w\" sizes=\"(max-width: 1237px) 100vw, 1237px\" \/><figcaption id=\"caption-attachment-46829\" class=\"wp-caption-text\"><em>Figure 11. Batch Class Management Screen<\/em><\/figcaption><\/figure>\n<ol>\n<li><span style=\"color: #333333\">Open the <strong>common.css <\/strong>file, located at [<em>Ephesoft_Directory<\/em>]\\Application.<\/span><\/li>\n<\/ol>\n<figure id=\"attachment_46830\" aria-describedby=\"caption-attachment-46830\" style=\"width: 903px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-46830\" src=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-15.png\" alt=\"\" width=\"903\" height=\"320\" srcset=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-15.png 903w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-15-300x106.png 300w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-15-768x272.png 768w\" sizes=\"(max-width: 903px) 100vw, 903px\" \/><figcaption id=\"caption-attachment-46830\" class=\"wp-caption-text\"><em>Figure 12. common.css File<\/em><\/figcaption><\/figure>\n<ol start=\"2\">\n<li><span style=\"color: #333333\">Search for \u201ccompany_login_logo\u201d.<\/span><\/li>\n<\/ol>\n<figure id=\"attachment_46831\" aria-describedby=\"caption-attachment-46831\" style=\"width: 636px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-46831\" src=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-16.png\" alt=\"\" width=\"636\" height=\"160\" srcset=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-16.png 636w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-16-300x75.png 300w\" sizes=\"(max-width: 636px) 100vw, 636px\" \/><figcaption id=\"caption-attachment-46831\" class=\"wp-caption-text\"><em>Figure 13. Locate \u201ccompany_login_logo.svg\u201d<\/em><\/figcaption><\/figure>\n<ol start=\"3\">\n<li><span style=\"color: #333333\">Duplicate the <strong>.logoPanel .iconImage <\/strong>element and its properties.<\/span><\/li>\n<\/ol>\n<figure id=\"attachment_46832\" aria-describedby=\"caption-attachment-46832\" style=\"width: 645px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-46832\" src=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-17.png\" alt=\"\" width=\"645\" height=\"317\" srcset=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-17.png 645w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-17-300x147.png 300w\" sizes=\"(max-width: 645px) 100vw, 645px\" \/><figcaption id=\"caption-attachment-46832\" class=\"wp-caption-text\"><em>Figure 14. Duplicate the Element<\/em><\/figcaption><\/figure>\n<ol start=\"4\">\n<li><span style=\"color: #333333\">Comment out the original element.<\/span><\/li>\n<\/ol>\n<figure id=\"attachment_46833\" aria-describedby=\"caption-attachment-46833\" style=\"width: 638px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-46833\" src=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-18.png\" alt=\"\" width=\"638\" height=\"355\" srcset=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-18.png 638w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-18-300x167.png 300w\" sizes=\"(max-width: 638px) 100vw, 638px\" \/><figcaption id=\"caption-attachment-46833\" class=\"wp-caption-text\"><em>Figure 15. Comment Out Original<\/em><\/figcaption><\/figure>\n<ol start=\"5\">\n<li><span style=\"color: #333333\">Edit the new element to point to the new image file by replacing the \u201ccompany_login_logo.svg\u201d with the name of the new image file.<\/span><\/li>\n<\/ol>\n<figure id=\"attachment_46834\" aria-describedby=\"caption-attachment-46834\" style=\"width: 585px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-46834\" src=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-19.png\" alt=\"\" width=\"585\" height=\"155\" srcset=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-19.png 585w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-19-300x79.png 300w\" sizes=\"(max-width: 585px) 100vw, 585px\" \/><figcaption id=\"caption-attachment-46834\" class=\"wp-caption-text\"><em>Figure 16. Update Filename<\/em><\/figcaption><\/figure>\n<ol start=\"6\">\n<li><span style=\"color: #333333\">Adjust the <strong>width <\/strong>and <strong>height <\/strong>properties as needed.<\/span><\/li>\n<li><span style=\"color: #333333\">Save and close the file.<\/span><\/li>\n<\/ol>\n<h2><span style=\"color: #333333\"><a id=\"post-3307-_ofsp8kj1cbnq\" style=\"color: #333333\"><\/a>Ephesoft Transact 4.0.0.0 to 4.5.0.0<\/span><\/h2>\n<p><span style=\"color: #333333\">To upload your customized logo, add or copy your image file to the following folders.<\/span><\/p>\n<ul>\n<li><span style=\"color: #333333\">[<em>Ephesoft_Directory<\/em>]\\Application\\images<\/span><\/li>\n<li><span style=\"color: #333333\">[<em>Ephesoft_Directory<\/em>]\\Application\\themes\\default_theme\\images<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #333333\"><strong>Note: <\/strong>The filename should be unique. Supported file types are:<\/span><\/p>\n<ul>\n<li><span style=\"color: #333333\">SVG<\/span><\/li>\n<li><span style=\"color: #333333\">PNG<\/span><\/li>\n<\/ul>\n<h3><span style=\"color: #333333\"><a id=\"post-3307-_4wq15ob2g2ri\" style=\"color: #333333\"><\/a>Edit the Logo File Paths<\/span><\/h3>\n<p><span style=\"color: #333333\">After you have uploaded the new logo image, you will need to change the file path in the affected files to direct to the new image.<\/span><\/p>\n<p><span style=\"color: #333333\">The following files are affected, which are located in [<em>Ephesoft_Directory<\/em>]\\Application:<\/span><\/p>\n<ul>\n<li><a href=\"#post-3307-_99w0nbg7xy67\">home.html<\/a><\/li>\n<li><a href=\"#post-3307-_mz8c2o22iaon\">Login.html<\/a><\/li>\n<li><a href=\"#post-3307-_kzobzh5n4qmz\">common.css<\/a><\/li>\n<\/ul>\n<p><span style=\"color: #333333\"><strong>Note: <\/strong>You do not need to restart Transact after making changes to the above files. To view your changes, refresh your browser.<\/span><\/p>\n<h4><span style=\"color: #333333\"><a id=\"post-3307-_99w0nbg7xy67\" style=\"color: #333333\"><\/a>Edit the home.html<\/span><\/h4>\n<ol>\n<li><span style=\"color: #333333\">Open the <strong>home.html <\/strong>file, at [<em>Ephesoft_Directory<\/em>]\\Application.<\/span><\/li>\n<\/ol>\n<figure id=\"attachment_46835\" aria-describedby=\"caption-attachment-46835\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-46835\" src=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-20.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-20.png 1024w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-20-300x169.png 300w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-20-768x432.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-46835\" class=\"wp-caption-text\"><em>Figure 17. home.html File<\/em><\/figcaption><\/figure>\n<ol start=\"2\">\n<li><span style=\"color: #333333\">Search for \u201clogo_login.svg\u201d.<\/span><\/li>\n<\/ol>\n<figure id=\"attachment_46836\" aria-describedby=\"caption-attachment-46836\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-46836\" src=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-21.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-21.png 1024w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-21-300x169.png 300w, https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-21-768x432.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-46836\" class=\"wp-caption-text\"><em>Figure 18. Edit home.html File<\/em><\/figcaption><\/figure>\n<ol start=\"3\">\n<li><span style=\"color: #333333\">Replace \u201clogo_login.svg\u201d with the new file name.<\/span><\/li>\n<li><span style=\"color: #333333\">Adjust the <strong>width <\/strong>and <strong>height <\/strong>properties as needed.<\/span><\/li>\n<li><span style=\"color: #333333\">Save and close the file.<\/span><\/li>\n<\/ol>\n<h4><span style=\"color: #333333\"><a id=\"post-3307-_mz8c2o22iaon\" style=\"color: #333333\"><\/a>Edit the Login.html File<\/span><\/h4>\n<ol>\n<li><span style=\"color: #333333\">Open the <strong>home.html <\/strong>file, at [<em>Ephesoft_Directory<\/em>]\\Application.<\/span><\/li>\n<li><span style=\"color: #333333\">Repeat steps 2-5 from<\/span> <a href=\"#post-3307-_99w0nbg7xy67\">home.html<\/a> <span style=\"color: #333333\">above.<\/span><\/li>\n<\/ol>\n<h4><span style=\"color: #333333\"><a id=\"post-3307-_kzobzh5n4qmz\" style=\"color: #333333\"><\/a>Edit the common.css File<\/span><\/h4>\n<ol>\n<li><span style=\"color: #333333\">Open the <strong>common.css <\/strong>file, at [<em>Ephesoft_Directory<\/em>]\\Application.<\/span><\/li>\n<li><span style=\"color: #333333\">Repeat steps 2-5 from<\/span> <a href=\"#post-3307-_99w0nbg7xy67\">home.html<\/a> <span style=\"color: #333333\">above.<\/span><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>This page contains steps for how to replace the Ephesoft logo within Ephesoft Transact with your own company logo. These [&hellip;]<\/p>\n","protected":false},"author":62,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12367],"tags":[623,625,361,277,624],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.0 (Yoast SEO v22.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Change the Ephesoft Logo | Ephesoft Docs<\/title>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Change the Ephesoft Logo\" \/>\n<meta property=\"og:description\" content=\"This page contains steps for how to replace the Ephesoft logo within Ephesoft Transact with your own company logo. These [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ephesoft.com\/docs\/how-to-change-logo-in-ephesoft\/\" \/>\n<meta property=\"og:site_name\" content=\"Ephesoft Docs\" \/>\n<meta property=\"article:published_time\" content=\"2020-08-26T21:00:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-04T00:21:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-4.png\" \/>\n<meta name=\"author\" content=\"Breanna Fitzgerald\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Breanna Fitzgerald\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ephesoft.com\/docs\/how-to-change-logo-in-ephesoft\/\",\"url\":\"https:\/\/ephesoft.com\/docs\/how-to-change-logo-in-ephesoft\/\",\"name\":\"How to Change the Ephesoft Logo | Ephesoft Docs\",\"isPartOf\":{\"@id\":\"https:\/\/ephesoft.com\/docs\/#website\"},\"datePublished\":\"2020-08-26T21:00:31+00:00\",\"dateModified\":\"2021-06-04T00:21:44+00:00\",\"author\":{\"@id\":\"https:\/\/ephesoft.com\/docs\/#\/schema\/person\/d74c698404588430489bf05dfdf4bedd\"},\"breadcrumb\":{\"@id\":\"https:\/\/ephesoft.com\/docs\/how-to-change-logo-in-ephesoft\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ephesoft.com\/docs\/how-to-change-logo-in-ephesoft\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ephesoft.com\/docs\/how-to-change-logo-in-ephesoft\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ephesoft.com\/docs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Change the Ephesoft Logo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ephesoft.com\/docs\/#website\",\"url\":\"https:\/\/ephesoft.com\/docs\/\",\"name\":\"Ephesoft Docs\",\"description\":\"Intelligent Document Processing Made Easy\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ephesoft.com\/docs\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/ephesoft.com\/docs\/#\/schema\/person\/d74c698404588430489bf05dfdf4bedd\",\"name\":\"Breanna Fitzgerald\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ephesoft.com\/docs\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e0624b0af4f5f3caa370053f6eef54c8?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e0624b0af4f5f3caa370053f6eef54c8?s=96&r=g\",\"caption\":\"Breanna Fitzgerald\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Change the Ephesoft Logo | Ephesoft Docs","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"How to Change the Ephesoft Logo","og_description":"This page contains steps for how to replace the Ephesoft logo within Ephesoft Transact with your own company logo. These [&hellip;]","og_url":"https:\/\/ephesoft.com\/docs\/how-to-change-logo-in-ephesoft\/","og_site_name":"Ephesoft Docs","article_published_time":"2020-08-26T21:00:31+00:00","article_modified_time":"2021-06-04T00:21:44+00:00","og_image":[{"url":"https:\/\/ephesoft.com\/docs\/wp-content\/uploads\/2015\/04\/word-image-4.png"}],"author":"Breanna Fitzgerald","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Breanna Fitzgerald","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ephesoft.com\/docs\/how-to-change-logo-in-ephesoft\/","url":"https:\/\/ephesoft.com\/docs\/how-to-change-logo-in-ephesoft\/","name":"How to Change the Ephesoft Logo | Ephesoft Docs","isPartOf":{"@id":"https:\/\/ephesoft.com\/docs\/#website"},"datePublished":"2020-08-26T21:00:31+00:00","dateModified":"2021-06-04T00:21:44+00:00","author":{"@id":"https:\/\/ephesoft.com\/docs\/#\/schema\/person\/d74c698404588430489bf05dfdf4bedd"},"breadcrumb":{"@id":"https:\/\/ephesoft.com\/docs\/how-to-change-logo-in-ephesoft\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ephesoft.com\/docs\/how-to-change-logo-in-ephesoft\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ephesoft.com\/docs\/how-to-change-logo-in-ephesoft\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ephesoft.com\/docs\/"},{"@type":"ListItem","position":2,"name":"How to Change the Ephesoft Logo"}]},{"@type":"WebSite","@id":"https:\/\/ephesoft.com\/docs\/#website","url":"https:\/\/ephesoft.com\/docs\/","name":"Ephesoft Docs","description":"Intelligent Document Processing Made Easy","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ephesoft.com\/docs\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/ephesoft.com\/docs\/#\/schema\/person\/d74c698404588430489bf05dfdf4bedd","name":"Breanna Fitzgerald","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ephesoft.com\/docs\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e0624b0af4f5f3caa370053f6eef54c8?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e0624b0af4f5f3caa370053f6eef54c8?s=96&r=g","caption":"Breanna Fitzgerald"}}]}},"_links":{"self":[{"href":"https:\/\/ephesoft.com\/docs\/wp-json\/wp\/v2\/posts\/3307"}],"collection":[{"href":"https:\/\/ephesoft.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ephesoft.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ephesoft.com\/docs\/wp-json\/wp\/v2\/users\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/ephesoft.com\/docs\/wp-json\/wp\/v2\/comments?post=3307"}],"version-history":[{"count":0,"href":"https:\/\/ephesoft.com\/docs\/wp-json\/wp\/v2\/posts\/3307\/revisions"}],"wp:attachment":[{"href":"https:\/\/ephesoft.com\/docs\/wp-json\/wp\/v2\/media?parent=3307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ephesoft.com\/docs\/wp-json\/wp\/v2\/categories?post=3307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ephesoft.com\/docs\/wp-json\/wp\/v2\/tags?post=3307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}