Center my logo at the bottom of the image banner

flammagreg
Pathfinder
131 0 19

Hi guys, I've been stuck on this for about an hour now. Does anybody know how to center my logo at the bottom of an image banner on the "about us" page? I would like it to look similar to the gucci website. Any help would be greatly appreciated!

 

Website: fhuzeo.com

 

Screenshot 2024-05-07 at 7.41.04 PM.png

Reply 1 (1)

AnneLuo
Shopify Partner
501 101 96

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Customize.
Step 2: Add a custom liquid section and then add the code to the liquid code box.

AnneLuo_0-1715133208918.png

AnneLuo_1-1715133325455.png

 

<div class="logo-img">
  <div class="img-container">
    <img src="https://cdn.shopify.com/s/files/1/0745/526/232/files/Screenshot_2024-05- 
      07_at_3.39.00_PM.webp?v=1715131736">
   </div>
</div>

<style>
 .logo-img {
   width: 100%;
   position:relative;
 }
 .img-container {
   width: 100%;
   text-align: center;
   position: absolute;
   top:-65px;
 }

</style>

The img src value needs to be modified to the link address of your store logo.

After modification:

 

AnneLuo_2-1715133434941.png

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee