Question about properties replaced when published

Beginners
1

I’m using Bootstrap 5 and the Pinegrow desktop editor to create a WP theme. I’m having trouble getting my logo to scale down to an appropriate size within my navbar. Even after explicitly setting a small height and width within Pinegrow (which looks correct within Pinegrow) my code is getting overwritten somewhere when published thru WP to a very large height and width.

I’m working locally, so I cannot share a link, but my code in question looks like this:

    <nav class="navbar navbar-expand">
        <div class="bg-danger container"><a href="#" class="navbar-brand" cms-site-logo style="width: auto; height: auto;"><img src="assets/img/SRG%20Banner%20Logo.png" width="250" style="object-fit: scale-down;"></a>
3

And when I view the source code after publishing it turned into this:

<nav class="navbar navbar-expand">
<div class="bg-danger container">
<a href="http://sagerreevesgallery.local/" class="custom-logo-link" rel="home" aria-current="page"><img width="1727" height="179" src="http://sagerreevesgallery.local/wp-content/uploads/2022/07/SRG-Banner-Logo-1.png" class="custom-logo" alt="Sager Reeves Gallery Logo" decoding="async" srcset="[http://sagerreevesgallery.local/wp-content/uploads/2022/07/SRG-Banner-Logo-1.png 1727w](http://sagerreevesgallery.local/wp-content/uploads/2022/07/SRG-Banner-Logo-1.png),[ http://sagerreevesgallery.local/wp-content/uploads/2022/07/SRG-Banner-Logo-1-600x62.png 600w](http://sagerreevesgallery.local/wp-content/uploads/2022/07/SRG-Banner-Logo-1-600x62.png),[ http://sagerreevesgallery.local/wp-content/uploads/2022/07/SRG-Banner-Logo-1-300x31.png 300w](http://sagerreevesgallery.local/wp-content/uploads/2022/07/SRG-Banner-Logo-1-300x31.png),[ http://sagerreevesgallery.local/wp-content/uploads/2022/07/SRG-Banner-Logo-1-1024x106.png 1024w](http://sagerreevesgallery.local/wp-content/uploads/2022/07/SRG-Banner-Logo-1-1024x106.png),[ http://sagerreevesgallery.local/wp-content/uploads/2022/07/SRG-Banner-Logo-1-768x80.png 768w](http://sagerreevesgallery.local/wp-content/uploads/2022/07/SRG-Banner-Logo-1-768x80.png),[ http://sagerreevesgallery.local/wp-content/uploads/2022/07/SRG-Banner-Logo-1-1536x159.png 1536w](http://sagerreevesgallery.local/wp-content/uploads/2022/07/SRG-Banner-Logo-1-1536x159.png)" sizes="(max-width: 1727px) 100vw, 1727px" /></a>
4

I figured it out. It was the WordPress Action “Site Logo” that I was applying to the <a> tag (that was wrapping the image) that was causing the issue.

Applying the WP Site Logo action to the image directly seems to honor the specific width that I code.

5

Thanks for your feedback!