{"id":130,"date":"2022-03-26T16:17:29","date_gmt":"2022-03-26T16:17:29","guid":{"rendered":"https:\/\/priyodesign.com\/docs\/?post_type=docs&p=130"},"modified":"2023-03-06T20:50:41","modified_gmt":"2023-03-06T20:50:41","slug":"uploading-logo","status":"publish","type":"docs","link":"https:\/\/priyodesign.com\/docs\/mou-html\/uploading-logo\/","title":{"rendered":"Uploading Logo"},"content":{"rendered":"\n

In the Mou template<\/strong>, there are 5 locations to use the Brand Logo.<\/p>\n\n\n\n

    \n
  1. Header<\/li>\n\n\n\n
  2. Footer<\/li>\n\n\n\n
  3. Preloader<\/li>\n\n\n\n
  4. Extra Info Sliding Bar<\/li>\n\n\n\n
  5. Header Mini User Login<\/li>\n<\/ol>\n\n\n\n
    \n

    \u2728 Logo File Format<\/h4>\n\n\n\n

    For the best appearance, it’s recommended to use\u00a0.svg<\/code><\/mark>\u00a0format for the logo. Also, you can use other formats as well, e.g.\u00a0.png<\/code><\/mark>,\u00a0.jpg<\/code><\/mark>,\u00a0.gif<\/code><\/mark><\/p>\n<\/div><\/div>\n\n\n\n

    <\/div>\n\n\n\n

    Logo HTML Markup<\/h3>\n\n\n\n
    <\/div>\n\n\n\n

    Header Logo<\/h4>\n\n\n\n
    <\/div>\n\n\n\n
    <!-- Site Logo -->\n<div class=\"nav-logo\">\n  <a href=\"index.html\">\n    <img src=\"assets\/images\/logo.svg\" alt=\"logo\">\n  <\/a>\n<\/div><\/code><\/pre>\n\n\n\n
    <\/div>\n\n\n\n
    Footer Logo<\/h4>\n\n\n\n
    <\/div>\n\n\n\n
    <div class=\"footer-logo mb-30\">\n  <a href=\"index.html\">\n    <img src=\"assets\/images\/logo.svg\" alt=\"logo\">\n  <\/a>\n<\/div><\/code><\/pre>\n\n\n\n
    <\/div>\n\n\n\n
    Preloader Logo<\/h4>\n\n\n\n
    <\/div>\n\n\n\n
    \t<!-- Preloader -->\n\t<div class=\"loader-mask\">\n\t  <div class=\"loading text-center\">\n\t    <div class=\"site-logo\">\n\t      <img src=\"assets\/images\/logo.svg\" alt=\"\">\n\t    <\/div> ...\n\t  <\/div>\n\t<\/div>\n\t<!-- Preloader end --><\/code><\/pre>\n\n\n\n
    <\/div>\n\n\n\n
    Extra Info Sliding Bar<\/h4>\n\n\n\n
    <\/div>\n\n\n\n
    <!-- Slidingbar Logo -->\n<div class=\"slidingbar-logo mb-40\">\n  <a href=\"index.html\">\n    <img src=\"assets\/images\/logo.svg\" alt=\"logo\">\n  <\/a>\n<\/div><\/code><\/pre>\n\n\n\n
    <\/div>\n\n\n\n
    Header Mini User Logo<\/h4>\n\n\n\n
    <\/div>\n\n\n\n
    <div class=\"account-modal-logo text-center\">\n  <img src=\"assets\/images\/logo.svg\" alt=\"\">\n<\/div><\/code><\/pre>\n\n\n\n
    \n
    You can change the logo width and height by editing the main CSS file (style.css<\/code>).<\/p>\n<\/div><\/div>\n\n\n\n
    <\/div>\n\n\n\n
    Below is the CSS code for all logos.<\/h3>\n\n\n\n
    <\/div>\n\n\n\n
    Header Logo<\/h4>\n\n\n\n
    <\/div>\n\n\n\n
    .nav-logo img {\n    max-width: 120px;\n    max-height: 24px;\n    height: 24px;\n}<\/code><\/pre>\n\n\n\n
    <\/div>\n\n\n\n
    Footer Logo<\/h4>\n\n\n\n
    <\/div>\n\n\n\n
    .footer-logo img {\n    max-width: 120px;\n    max-height: 24px;\n}<\/code><\/pre>\n\n\n\n
    <\/div>\n\n\n\n
    Preloader Logo<\/h4>\n\n\n\n
    <\/div>\n\n\n\n
    \/* ------------------------------\n    3. Preloader\n------------------------------ *\/\n.site-logo img {\n    max-height: 30px;\n}<\/code><\/pre>\n\n\n\n
    <\/div>\n\n\n\n
    Sliding bar Logo<\/h4>\n\n\n\n
    <\/div>\n\n\n\n
    .slidingbar-logo img {\n    max-width: 120px;\n    max-height: 24px;\n}<\/code><\/pre>\n\n\n\n
    <\/div>\n\n\n\n
    Mini Account Logo<\/h4>\n\n\n\n
    <\/div>\n\n\n\n
    .account-modal-logo img {\n    max-height: 30px;\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
    In the Mou template, there are 5 locations to use the Brand Logo. \u2728 Logo File Format For the best appearance, it’s recommended to use\u00a0.svg\u00a0format for the logo. Also, you can use other formats as well, e.g.\u00a0.png,\u00a0.jpg,\u00a0.gif Logo HTML Markup Header Logo Footer Logo Preloader Logo Extra Info Sliding Bar Header Mini User Logo You […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[14],"doc_tag":[],"class_list":["post-130","docs","type-docs","status-publish","hentry","doc_category-basic-setup"],"_links":{"self":[{"href":"https:\/\/priyodesign.com\/docs\/wp-json\/wp\/v2\/docs\/130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/priyodesign.com\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/priyodesign.com\/docs\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/priyodesign.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/priyodesign.com\/docs\/wp-json\/wp\/v2\/comments?post=130"}],"version-history":[{"count":33,"href":"https:\/\/priyodesign.com\/docs\/wp-json\/wp\/v2\/docs\/130\/revisions"}],"predecessor-version":[{"id":624,"href":"https:\/\/priyodesign.com\/docs\/wp-json\/wp\/v2\/docs\/130\/revisions\/624"}],"wp:attachment":[{"href":"https:\/\/priyodesign.com\/docs\/wp-json\/wp\/v2\/media?parent=130"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/priyodesign.com\/docs\/wp-json\/wp\/v2\/doc_category?post=130"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/priyodesign.com\/docs\/wp-json\/wp\/v2\/doc_tag?post=130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}