Author logo size

Customization
1

Hello,

is there any way to change the size of the logo (author logo url)?

2

Do you want to make the logo smaller or larger? To make it smaller it should be enough to introduce vertical padding to the logo image. To make it larger you’d have to customize the logo size by overriding its CSS style with head-end.html file.

3

Thanks for the quick reply.
can you share CSS lines for making a bigger image?

4

Create a head-end.html file in your scene directory (in Documents\Shapespark) and place the following CSS snippet inside:

<style>
  .info-item {
    height: 80px;
  }
</style>

80px is just an example for the height. Adjust it to your needs.

1 Like
5

adding hyperlink on logo is possible ? using body end file.

6

If you specify the “Author website” URL property in the “Viewer” tab of the editor, the logo will have this URL as the hyperlink.

7

Thank you for quick reply, but the “Author website” option is not editable if i use “Author Logo” only.

8

You’re right, it’s a bug. We’ll fix it in the next release. For now, as a workaround:

  1. Import the author logo from a file.
  2. Enter any author name.
  3. Enter the autor website URL.
  4. Remove the author name.

The “Author website” property will become disabled and empty, but the URL entered in step 3. will still be used when you click on the logo.

9

Thank, now it’s working :+1:

11

hi, can i have the specific example coding of author logo size to make bigger size bcs i try the coding that you give but nothing happen

12

Could you share a link to the uploaded scene where you’ve included the head-end.html snippet given in Author logo size - #4 by wojtek? I’ll verify if the style has been applied correctly.

(There had been an error in the above post. The post mention body-end.html file, whereas it should mention head-end.html. Fixed.)

14

ohhh alright i got it and its work. But i want to put the logo to the bottom of scene and change the length logo but when i change in head-end.html still nothing happen just the height can change. This my coding :

.info-item { height: 100px; bottom : 100px; length : 50px; }
16

You have to move the whole #info-bar div:

#info-bar {
  bottom: 100px;
  top: unset;
}
17

You mean like this :
image

But still nothing happen to my shapepark scene. Sorry bcs i dont know anything about coding.

18

I’ve edited my previous answer. It lacked clearing the top property.