How to use exact Footer style like the original theme?

Hi,

Also, how to enable Footer on Home Page?

you’ve disabled the site footer for homepage via the layout metabox:
https://app.screencast.com/sJbnLkyYMotQy

Below is the original code of the Trainer template site footer, you can copy it an replace your current site footer to restart your customization.

<!-- wp:generateblocks/element {"uniqueId":"d1e9d54a","tagName":"footer","styles":{},"globalClasses":["gbp-footer"],"metadata":{"name":"Site footer"}} -->
<footer class="gbp-footer"><!-- wp:generateblocks/element {"uniqueId":"c5fe276b","tagName":"div","styles":{"maxWidth":"var(\u002d\u002dgb-container-width)","marginLeft":"auto","marginRight":"auto","display":"flex","justifyContent":"space-between","@media (max-width:1024px)":{"flexDirection":"column","alignItems":"center","rowGap":"2rem"}},"css":".gb-element-c5fe276b{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(\u002d\u002dgb-container-width)}@media (max-width:1024px){.gb-element-c5fe276b{align-items:center;flex-direction:column;row-gap:2rem}}","globalClasses":["gbp-section__inner"],"metadata":{"name":"Inner container with max width"}} -->
<div class="gbp-section__inner gb-element-c5fe276b"><!-- wp:generateblocks/media {"uniqueId":"5bd21de2","tagName":"img","styles":{"height":"auto","maxWidth":"100%","objectFit":"cover","width":"170px"},"css":".gb-media-5bd21de2{height:auto;max-width:100%;object-fit:cover;width:170px}","htmlAttributes":{"alt":"Trainer logo","src":"https://sites.generatepress.com/trainer/wp-content/uploads/sites/204/trainer-logo.svg","title":"trainer-logo","aria-label":"Link to home page"},"mediaId":48409,"linkHtmlAttributes":{"href":"https://sites.generatepress.com/trainer/"}} -->
<a href="https://sites.generatepress.com/trainer/"><img class="gb-media-5bd21de2" alt="Trainer logo" src="https://sites.generatepress.com/trainer/wp-content/uploads/sites/204/trainer-logo.svg" title="trainer-logo" aria-label="Link to home page"/></a>
<!-- /wp:generateblocks/media -->

<!-- wp:generateblocks/element {"uniqueId":"6110a04e","tagName":"div","styles":{"display":"flex","justifyContent":"center","@media (max-width:767px)":{"flexDirection":"column","alignItems":"center","textAlign":"center","rowGap":"1rem"}},"css":".gb-element-6110a04e{display:flex;justify-content:center}@media (max-width:767px){.gb-element-6110a04e{align-items:center;flex-direction:column;row-gap:1rem;text-align:center}}","metadata":{"name":"Menu"}} -->
<div class="gb-element-6110a04e"><!-- wp:generateblocks/text {"uniqueId":"b30b0e90","tagName":"p","styles":{"marginBottom":"0px","transition":"all 0.5s ease 0s","textAlign":"center","marginLeft":"24px","marginRight":"24px","fontSize":"15px"},"css":".gb-text-b30b0e90{font-size:15px;margin-bottom:0px;margin-left:24px;margin-right:24px;text-align:center;transition:all 0.5s ease 0s}"} -->
<p class="gb-text gb-text-b30b0e90"><a href="https://sites.generatepress.com/trainer/" data-type="page" data-id="39740">Home</a></p>
<!-- /wp:generateblocks/text -->

<!-- wp:generateblocks/text {"uniqueId":"26b95a89","tagName":"p","styles":{"marginBottom":"0px","transition":"all 0.5s ease 0s","textAlign":"center","marginLeft":"24px","marginRight":"24px","fontSize":"15px"},"css":".gb-text-26b95a89{font-size:15px;margin-bottom:0px;margin-left:24px;margin-right:24px;text-align:center;transition:all 0.5s ease 0s}"} -->
<p class="gb-text gb-text-26b95a89"><a href="https://sites.generatepress.com/trainer/about/" data-type="page" data-id="43520">About</a></p>
<!-- /wp:generateblocks/text -->

<!-- wp:generateblocks/text {"uniqueId":"5f4dcd1f","tagName":"p","styles":{"textAlign":"center","marginBottom":"0px","transition":"all 0.5s ease 0s","marginLeft":"24px","marginRight":"24px","fontSize":"15px"},"css":".gb-text-5f4dcd1f{font-size:15px;margin-bottom:0px;margin-left:24px;margin-right:24px;text-align:center;transition:all 0.5s ease 0s}"} -->
<p class="gb-text gb-text-5f4dcd1f"><a href="https://sites.generatepress.com/trainer/programs/" data-type="page" data-id="35209">Programs</a></p>
<!-- /wp:generateblocks/text -->

<!-- wp:generateblocks/text {"uniqueId":"3be3b8ae","tagName":"p","styles":{"textAlign":"center","marginBottom":"0px","transition":"all 0.5s ease 0s","marginLeft":"24px","marginRight":"24px","fontSize":"15px"},"css":".gb-text-3be3b8ae{font-size:15px;margin-bottom:0px;margin-left:24px;margin-right:24px;text-align:center;transition:all 0.5s ease 0s}"} -->
<p class="gb-text gb-text-3be3b8ae"><a href="https://sites.generatepress.com/trainer/blog/" data-type="page" data-id="484">Articles</a></p>
<!-- /wp:generateblocks/text -->

<!-- wp:generateblocks/text {"uniqueId":"eb0a26ac","tagName":"p","styles":{"textAlign":"center","marginBottom":"0px","transition":"all 0.5s ease 0s","marginLeft":"24px","marginRight":"24px","fontSize":"15px"},"css":".gb-text-eb0a26ac{font-size:15px;margin-bottom:0px;margin-left:24px;margin-right:24px;text-align:center;transition:all 0.5s ease 0s}"} -->
<p class="gb-text gb-text-eb0a26ac"><a href="https://sites.generatepress.com/trainer/contact/" data-type="page" data-id="486">Contact</a></p>
<!-- /wp:generateblocks/text --></div>
<!-- /wp:generateblocks/element -->

<!-- wp:generateblocks/element {"uniqueId":"80a0868a","tagName":"div","styles":{"display":"flex","justifyContent":"center","columnGap":"25.5px"},"css":".gb-element-80a0868a{column-gap:25.5px;display:flex;justify-content:center}","metadata":{"name":"Social icons"}} -->
<div class="gb-element-80a0868a"><!-- wp:generateblocks/text {"uniqueId":"24425b3a","tagName":"a","styles":{"display":"inline-flex","alignItems":"center","columnGap":"0.5em",".gb-shape svg":{"width":"20px","height":"20px","fill":"currentColor","color":"var(\u002d\u002dcontrast)","transition":"all 0.5s ease 0s"},"fontSize":"1.15rem","color":"var(\u002d\u002dcontrast)","\u0026:is(:hover, :focus) .gb-shape svg":{"color":"var(\u002d\u002daccent)"}},"css":".gb-text-24425b3a{align-items:center;color:var(\u002d\u002dcontrast);column-gap:0.5em;display:inline-flex;font-size:1.15rem}.gb-text-24425b3a:is(:hover,:focus) .gb-shape svg{color:var(\u002d\u002daccent)}.gb-text-24425b3a .gb-shape svg{width:20px;height:20px;fill:currentColor;color:var(\u002d\u002dcontrast);transition:all 0.5s ease 0s}","htmlAttributes":{"href":"#","aria-label":"YouTube link"},"iconOnly":true} -->
<a class="gb-text-24425b3a" href="#" aria-label="YouTube link"><span class="gb-shape"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path d="m170.49 117.91-56-36A12 12 0 0 0 96 92v72a12 12 0 0 0 18.49 10.09l56-36a12 12 0 0 0 0-20.18M120 142v-28l21.81 14Zm118.21-73.5a28.05 28.05 0 0 0-16.93-19.14C186.4 35.91 131.29 36 128 36s-58.4-.09-93.28 13.38a28.05 28.05 0 0 0-16.93 19.14C15.15 78.72 12 97.32 12 128s3.15 49.28 5.79 59.48a28.05 28.05 0 0 0 16.93 19.14C68.21 219.55 120.36 220 127.37 220h1.26c7 0 59.16-.45 92.65-13.38a28.05 28.05 0 0 0 16.93-19.14c2.64-10.2 5.79-28.8 5.79-59.48s-3.15-49.28-5.79-59.48ZM215 181.46a4 4 0 0 1-2.34 2.77C182.78 195.76 132.27 196 128.32 196h-.39c-.53 0-53.64.17-84.56-11.77a4 4 0 0 1-2.37-2.77c-1.88-7.24-5-23.82-5-53.46s3.15-46.22 5-53.46a4 4 0 0 1 2.34-2.77C74.29 59.83 127.39 60 127.92 60h.15c.54 0 53.64-.17 84.56 11.77a4 4 0 0 1 2.37 2.77c1.88 7.24 5 23.82 5 53.46s-3.15 46.22-5 53.46"></path></svg></span></a>
<!-- /wp:generateblocks/text -->

<!-- wp:generateblocks/text {"uniqueId":"39a22291","tagName":"a","styles":{"display":"inline-flex","alignItems":"center","columnGap":"0.5em",".gb-shape svg":{"width":"20px","height":"20px","fill":"currentColor","color":"var(\u002d\u002dcontrast)","transition":"all 0.5s ease 0s"},"fontSize":"1.1rem","color":"var(\u002d\u002dcontrast)","\u0026:is(:hover, :focus) .gb-shape svg":{"color":"var(\u002d\u002daccent)"}},"css":".gb-text-39a22291{align-items:center;color:var(\u002d\u002dcontrast);column-gap:0.5em;display:inline-flex;font-size:1.1rem}.gb-text-39a22291:is(:hover,:focus) .gb-shape svg{color:var(\u002d\u002daccent)}.gb-text-39a22291 .gb-shape svg{width:20px;height:20px;fill:currentColor;color:var(\u002d\u002dcontrast);transition:all 0.5s ease 0s}","htmlAttributes":{"href":"#","aria-label":"TikTok link"},"iconOnly":true} -->
<a class="gb-text-39a22291" href="#" aria-label="TikTok link"><span class="gb-shape"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path d="M224 68a44.05 44.05 0 0 1-44-44 12 12 0 0 0-12-12h-40a12 12 0 0 0-12 12v132a16 16 0 1 1-22.85-14.47 12 12 0 0 0 6.85-10.84V88a12 12 0 0 0-14.1-11.81 79.35 79.35 0 0 0-47.08 27.74A81.84 81.84 0 0 0 20 156a80 80 0 0 0 160 0v-33.33a107.5 107.5 0 0 0 44 9.33 12 12 0 0 0 12-12V80a12 12 0 0 0-12-12m-12 39.15a83.05 83.05 0 0 1-37-14.91 12 12 0 0 0-19 9.76v54a56 56 0 0 1-112 0 57.86 57.86 0 0 1 32-51.56V124a40 40 0 1 0 64 32V36h17.06A68.21 68.21 0 0 0 212 90.94Z"></path></svg></span></a>
<!-- /wp:generateblocks/text -->

<!-- wp:generateblocks/text {"uniqueId":"65a959a5","tagName":"a","styles":{"display":"inline-flex","alignItems":"center","columnGap":"0.5em",".gb-shape svg":{"width":"20px","height":"20px","fill":"currentColor","color":"var(\u002d\u002dcontrast)","transition":"all 0.5s ease 0s"},"fontSize":"1.1rem","color":"var(\u002d\u002dcontrast)","\u0026:is(:hover, :focus) .gb-shape svg":{"color":"var(\u002d\u002daccent)"}},"css":".gb-text-65a959a5{align-items:center;color:var(\u002d\u002dcontrast);column-gap:0.5em;display:inline-flex;font-size:1.1rem}.gb-text-65a959a5:is(:hover,:focus) .gb-shape svg{color:var(\u002d\u002daccent)}.gb-text-65a959a5 .gb-shape svg{width:20px;height:20px;fill:currentColor;color:var(\u002d\u002dcontrast);transition:all 0.5s ease 0s}","htmlAttributes":{"href":"#","aria-label":"Instagram link"},"iconOnly":true} -->
<a class="gb-text-65a959a5" href="#" aria-label="Instagram link"><span class="gb-shape"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path d="M128 80a48 48 0 1 0 48 48 48.05 48.05 0 0 0-48-48m0 72a24 24 0 1 1 24-24 24 24 0 0 1-24 24m48-132H80a60.07 60.07 0 0 0-60 60v96a60.07 60.07 0 0 0 60 60h96a60.07 60.07 0 0 0 60-60V80a60.07 60.07 0 0 0-60-60m36 156a36 36 0 0 1-36 36H80a36 36 0 0 1-36-36V80a36 36 0 0 1 36-36h96a36 36 0 0 1 36 36ZM196 76a16 16 0 1 1-16-16 16 16 0 0 1 16 16"></path></svg></span></a>
<!-- /wp:generateblocks/text -->

<!-- wp:generateblocks/text {"uniqueId":"301d9956","tagName":"a","styles":{"display":"inline-flex","alignItems":"center","columnGap":"0.5em",".gb-shape svg":{"width":"20px","height":"20px","fill":"currentColor","color":"var(\u002d\u002dcontrast)","transition":"all 0.5s ease 0s"},"fontSize":"1.1rem","color":"var(\u002d\u002dcontrast)","\u0026:is(:hover, :focus) .gb-shape svg":{"color":"var(\u002d\u002daccent)"}},"css":".gb-text-301d9956{align-items:center;color:var(\u002d\u002dcontrast);column-gap:0.5em;display:inline-flex;font-size:1.1rem}.gb-text-301d9956:is(:hover,:focus) .gb-shape svg{color:var(\u002d\u002daccent)}.gb-text-301d9956 .gb-shape svg{width:20px;height:20px;fill:currentColor;color:var(\u002d\u002dcontrast);transition:all 0.5s ease 0s}","htmlAttributes":{"href":"#","aria-label":"X link"},"iconOnly":true} -->
<a class="gb-text-301d9956" href="#" aria-label="X link"><span class="gb-shape"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path d="m218.12 209.56-61-95.8 59.72-65.69a12 12 0 0 0-17.76-16.14l-55.27 60.84-37.69-59.21A12 12 0 0 0 96 28H48a12 12 0 0 0-10.12 18.44l61 95.8-59.76 65.69a12 12 0 1 0 17.76 16.14l55.31-60.84 37.69 59.21A12 12 0 0 0 160 228h48a12 12 0 0 0 10.12-18.44M166.59 204 69.86 52h19.55l96.73 152Z"></path></svg></span></a>
<!-- /wp:generateblocks/text --></div>
<!-- /wp:generateblocks/element --></div>
<!-- /wp:generateblocks/element -->

<!-- wp:generateblocks/element {"uniqueId":"6699ae8e","tagName":"div","styles":{"paddingTop":"6rem","borderTopWidth":".5px","borderTopStyle":"solid","display":"flex","alignItems":"center","justifyContent":"space-between","columnGap":"2rem","borderTopColor":"var(\u002d\u002daccent-2)","@media (max-width:767px)":{"alignItems":"center","paddingTop":"4rem","marginTop":"4rem","rowGap":"1rem"},"flexWrap":"wrap","marginTop":"6rem","@media (max-width:1024px)":{"flexDirection":"column","textAlign":"center","rowGap":"2rem"}},"css":".gb-element-6699ae8e{align-items:center;column-gap:2rem;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:6rem;padding-top:6rem;border-top:.5px solid var(\u002d\u002daccent-2)}@media (max-width:1024px){.gb-element-6699ae8e{flex-direction:column;row-gap:2rem;text-align:center}}@media (max-width:767px){.gb-element-6699ae8e{align-items:center;margin-top:4rem;padding-top:4rem;row-gap:1rem}}","globalClasses":["gbp-section__inner"],"metadata":{"name":"Inner container with max width"}} -->
<div class="gbp-section__inner gb-element-6699ae8e"><!-- wp:generateblocks/element {"uniqueId":"3b35abfa","tagName":"div","styles":{"display":"flex","columnGap":"24px","rowGap":"1rem","@media (max-width:767px)":{"flexDirection":"column"}},"css":".gb-element-3b35abfa{column-gap:24px;display:flex;row-gap:1rem}@media (max-width:767px){.gb-element-3b35abfa{flex-direction:column}}","metadata":{"name":"Copyright links"}} -->
<div class="gb-element-3b35abfa"><!-- wp:generateblocks/text {"uniqueId":"24503813","tagName":"div","styles":{"fontSize":"14px","marginBottom":"0px"},"css":".gb-text-24503813{font-size:14px;margin-bottom:0px}"} -->
<div class="gb-text gb-text-24503813">© {{current_year}} Trainer</div>
<!-- /wp:generateblocks/text -->

<!-- wp:generateblocks/text {"uniqueId":"baf861db","tagName":"div","styles":{"a":{"transition":"all 0.5s ease 0s"},"fontSize":"14px","marginBottom":"0px"},"css":".gb-text-baf861db{font-size:14px;margin-bottom:0px}.gb-text-baf861db a{transition:all 0.5s ease 0s}"} -->
<div class="gb-text gb-text-baf861db">Built with <a href="https://generatepress.com" target="_blank" rel="noreferrer noopener">GeneratePress</a></div>
<!-- /wp:generateblocks/text --></div>
<!-- /wp:generateblocks/element -->

<!-- wp:generateblocks/element {"uniqueId":"a5be56c1","tagName":"div","styles":{"display":"flex","columnGap":"24px","rowGap":"1rem","@media (max-width:767px)":{"flexDirection":"column"}},"css":".gb-element-a5be56c1{column-gap:24px;display:flex;row-gap:1rem}@media (max-width:767px){.gb-element-a5be56c1{flex-direction:column}}","metadata":{"name":"Copyright links"}} -->
<div class="gb-element-a5be56c1"><!-- wp:generateblocks/text {"uniqueId":"3c95d77c","tagName":"div","styles":{"a":{"transition":"all 0.5s ease 0s"},"fontSize":"14px","marginBottom":"0px"},"css":".gb-text-3c95d77c{font-size:14px;margin-bottom:0px}.gb-text-3c95d77c a{transition:all 0.5s ease 0s}"} -->
<div class="gb-text gb-text-3c95d77c"><a href="#">Privacy Policy</a></div>
<!-- /wp:generateblocks/text -->

<!-- wp:generateblocks/text {"uniqueId":"7ecd45b2","tagName":"div","styles":{"a":{"transition":"all 0.5s ease 0s"},"fontSize":"14px","marginBottom":"0px"},"css":".gb-text-7ecd45b2{font-size:14px;margin-bottom:0px}.gb-text-7ecd45b2 a{transition:all 0.5s ease 0s}"} -->
<div class="gb-text gb-text-7ecd45b2"><a href="#">Terms of Service</a></div>
<!-- /wp:generateblocks/text --></div>
<!-- /wp:generateblocks/element --></div>
<!-- /wp:generateblocks/element --></footer>
<!-- /wp:generateblocks/element -->

You are using the WP navigation block; we don’t have control over it.

If you can remove that, and add GB’s navigation block instead, we can take a look and offer support.

Select the navigation block, set its margin-left and margin-right to auto.

Glad to hear that 🙂