logos

logos

Overrides the standard W3C logo with one or more other logos.

The logos property takes an array that contains a set of objects. Each of these objects contains:

src

URL to the source.

alt

The alt attribute value.

height

The height of the image.

width

The width of the image.

id

The id of the image element.

url

Where to navigate to when the logo is pressed.

var respecConfig = {
  logos: [
    {
      src: "https://example.com/logo.gif",
      url: "https://example.com",
      alt: "The Example company",
      width: 100,
      height: 42,
      id: "example-company-logo",
    },
  ],
};

Would output:

<a class="logo" href="https://example.com">
  <span id="example-company-logo">
    <img
      src="https://example.com/logo.gif"
      width="100"
      height="42"
      alt="The Example company"
    >
  </span>
</a>