Blog Logo

[Young Vadlapatla]

Ihave a similar problem. My clients logo is beige and I would like to change the header color on blog post page so that logo is visible. Who could help me?

-caribou-ejyk.squarespace.com/blogi/blog-post-title-one-3kzs4

password: kotoisa

I'm having similar issues here. I can get tuanphan's code (thanks) to work on my Blog section (albeit adapting some of the CSS classes to work with my specific template), but I only want this new logo to appear on 'post' pages - not on the Blog listing page.

Does anyone know a way to adapt this, so it only appears on the post pages?

Hello, I was searching for an answer and found this thread. I have a client with a blog on a personal plan. I have header code injection for the main blog page that inverts the logo from white to black. However, I am unable to add the code to the blog item code injection--I am assuming due to the personal plan.

Blog logos make content creators identifiable. Such branding makes it easy for their followers to immediately identify their works available online. If you are looking to give your platform an identity boost, check out our Blog logo maker.

Irrespective of your industry, explore logos from gaming blogs, lifestyle blogs, food blogs, personal blogs, and more, to see the different kinds of fonts, colors, and icons that suit your blog and resonate with your readers. Once you have some ideas, try using our free blog logo maker. In just a few minutes, you can watch your blogger logo come to life.

The Blog business business is competitive space and you can stand out with a great brand. Make it easier for your customers to find you and separate yourself from the competition with an amazing Blog business logo.

While we have an extensive database of thousands upon thousands of different icons and graphics, we personally recommend book, article, text bubble, or newspaper icons as these types will help to distinguish your Blog business.

Start by entering your blog name and a slogan (if you have one) and the logo maker will use your inputs to generate thousands of dynamic logo designs for you to choose from and customize. Scroll through our library of logo templates to design the perfect logo for your blog.

Randomly, the global header logo started displaying in such a huge size that our website is basically unusable. I didn't make any edits to our website or global content before this happened. Now, I have tried deleting and reuploading our header logo in the global content editor, as well as toggling off 'override default logo' and reuploading a default logo. After doing that, a few of our pages started displaying a smaller logo, but not all of our pages, AND - the pages that displayed a smaller logo still did not display the correct size of logo - the size we have always had until this problem started. I don't understand why making changes in the global editor would only affect some pages. Now the header logo looks like a different size on just about every page.

We added this code to our global site header HTML, but that change is now affecting how our menu displays. Before adding that code, our menu options (on desktop) were displayed horizontally below the logo. Now that we've added that code, the menu displays hamburger-style to the right of the logo.

I have also attached a screenshot of the folders you mentioned. I'm now not even sure that I entered the code correctly into the global site header HTML because I don't see anything in there that says

but I know my boss and I entered it, and then the above mentioned changes occured. (Logo got smaller, and menu appearance changed). I apologize as I am not that familiar with coding.

Thanks again for your advice thus far.

Hi @AThurlow,

Thank you for reaching out to the Community!

I understand that you would like to have your logo on the global header the same size on all pages, right?

- Where exactly did you make these changes please? In the settings, in "account defaults"? Or within the page itself?

- Which template are you using? HubSpot template or third-party one?

I'd like to share these resources that might be of interest to you:

- Use global content across multiple templates

- Make changes to a global module in only one template

- Edit your logo, favicon, and brand colors

I also wanted to invite a couple of subject matter experts to this conversation @Jnix284, @Bryantworks and @louischausse do you have any suggestions to help @AThurlow on this, please?

Also, if anybody else has anything to add and/or share, please feel free to join in the conversation

If you are still running into this issue, I would recommend connecting with HubSpot Technical Support, as Support is included in your subscription, and they will be able to provide real-time assistance for this matter, where you are able to share screenshots and further information about this.

The colors and logos are set to come from the Brand Kit. Without having a link to your website or knowing what theme you're using, my guess is that this change may have caused the logo file to come from a different location, which is why overriding the default logo may have worked for some pages.

We are using Hubspot templates, when we switched to Hubspot we paid for the Hubspot team to tranfser all of our pages for us. Here is a link to our homepage .

Originally, we were trying to adjust the header from individual pages. I would go to Marketing > Website > Website Pages > Edit and then would click on the logo which would open up the global content editor. None of the things I tried in my first post worked. So then I backtracked, and went to Marketing > Website > Website Pages > More > Publishing Options > Update. I updated every individual page on our website manually like this. After I did that, the pages dispalyed the logo in a smaller size. But it is still not the correct size. It's still too large and cutting off our social media icons which are to be displayed below the logo. You can see the logo cutting off those icons here: But at least the pages are usuable now.

I took a look at the page and it looks like the logo CSS class is using a width based on percentage (100%) rather than pixels, which means that the logo is going to stretch to fill the allowed space in the header regardless of the pixel size you add it as.

Now, as for where to add the code, the easiest option is going to be to overwrite it in the global site header HTML, since that is outside of the design tools and will apply to all pages on the domain.

If you aren't sure, once you open Marketing > Files and templates > Design tools, find the folder called ThePEAK April 2022 and check for a CSS folder, if you expand that and can share a screenshot of the files, I can help you pick the best option.

One of the first things to do when launching a blog is to create a blog logo. This is going to represent your blog brand in everything from the site itself to your social media accounts, your signature in your emails and the content you create.

When you have a professional designer create a blog logo for you, you will most likely receive several different options for the main logo, an alternative logo (or secondary logo) and a submark logo (often used for watermarks and other branding).

All three have limited free versions with minimal options when it comes to cool logo designs. I liked Logo Maker Shop the best of all three because you can craft your own logo from scratch using the slightly larger number of free fonts and design elements.

A logo is a visual symbol or mark that represents a company or organization, often used to identify and distinguish a brand from competitors. It typically consists of unique colors, shapes, and typography that convey the company's identity and values.

For example, blue communicates trustworthiness and maturity, while red shows passion and excitement. Consider your brand story and the keywords you brainstormed earlier when choosing your logo colors.

Consider the typeface this text will carry if your company name ever stands without your logo. If you decide on a wordmark or lettermark logo as opposed to a symbol, your font choice is even more crucial.

Stay away from generic fonts that come standard on every word processor. Some examples of generic fonts are Times New Roman, Lucida Handwriting, and Comic Sans. These fonts will only work against you and your company by making you less memorable.

Designer and typography guru Laura Worthington hits the nail on the head regarding the importance of font selection. Your font choice goes beyond just conveying information as text; it is a crucial aspect of your design.

An emblem is a logo incorporating text within a symbol for a cohesive image, often conveying formality and tradition. It is strong and impactful, yet challenging to separate for integration and may not reproduce well in small sizes.

3a8082e126