Header Logo

3 replies · opened Jan 3, 2023

Ccameron_20Jan 3, 2023

Hi,

For the time being, I just want to use text as my logo instead of an image. How would I go about doing this? Would I just remove the "a" and "img" template tag currently nested inside of the div logo tag and just put a basic "a" tag with my text in it? If I'm just wanting to put text for the logo, would I need to add any classes or attributes to the "a" tag?

SSemicolon WebSTAFFJan 3, 2023

Hello,

You can simply use this code:
[ch_pre]
Logo
[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Ccameron_20Jan 3, 2023

Ok cool. Thanks.

How do I change the header logo text styles?

The selector "#logo a" is on line 3412 in style.css. Is that where I can change the styles?

I want to change the color to #444 from #000, font-size to 32px, and want to add a font weight of bold.

SSemicolon WebSTAFFJan 3, 2023

Hello,

We recommend using Utility Classes: https://docs.semicolonweb.com/docs-group/utility-classes/ or https://getbootstrap.com/docs/5.2/utilities/colors/ instead of Using Custom Styles (if not necessary).

Consider using the following classes for the `` tag:

  1. For Color, you can simply add the .text-dark Class (Ref: https://getbootstrap.com/docs/5.2/utilities/colors/).

  2. For Font Size, use the .fs-2 Class (Ref: https://getbootstrap.com/docs/5.2/utilities/text/#font-size).

  3. For Font Weight, use the .fw-bold Class (Ref: https://getbootstrap.com/docs/5.2/utilities/text/#font-weight-and-italics).

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard