Increase the Size of the Logo on the Cover Page
Nov 16, 2017
Pinned Reply
Good news, everyone! Now in Rise 360, you can crop your logo to decrease white space and increase its size to customize your cover page branding.
Have a look at these logo enhancements under Theme > Cover Page, and let us know if you have any questions!
75 Replies
Hi John,
Good morning!
The Rise logo feature has a fixed size, but removing any whitespace surrounding it before upload should help make your logo appear as large as possible. I might even recommend incorporating your logo within your Cover Photo.
Since Rise is responsive, the logo will be automatically scaled up or down to fit the maximum height on the specific device used, while keeping the appropriate aspect ratio at the same time.
I hope this helps!
Thanks Katie. I guessed this was the case. It's just the logo is rendered quite small even on a smartphone screen. It's way too small on the desktop view! And you know clients are when it comes to their logo.... ;-)
I think the logo actually stays the same size on all devices. You can change the size (after exporting the course) by editing css file if you are comfortable doing that. You just need to tweak what is already there for
.overview__logo>img
to include a width and height value. I do this to have our logo display at the size I upload (174x140px). You might want to experiment with different sizes to see what suits your logo. Here is the code I use:Cool....I might just be able to do that. Thanks Stuart.
Where do I edit the CSS? Took a look in Chrome using developer tools but can't find it.
I can only find three CSS files in the published output (see screenshot) but can't find 'overview_logo' in any.
The CSS file that controls this is main.bundle.css - it is located in \lib folder on a web-only export or in \scormcontent\lib folder in on a SCORM export (once you unzip the downloaded zip file).
Hi John, when you email me the course for me to import in I can take a look as well. I also might see what else I can do.
Stuart - where do I find the CSS to edit the logo size? Thanks in anticipation.
It's in the main.bundle.css file. Just open that up in a text editor and search for
overview__logo>img
. Note that it is 2 underlines between 'overview' and 'logo'.Great....thanks Stuart!
That's ridiculous. The logo size is inadequately proportioned. We should be able to submit logos of larger sizes. Articulate, please remedy this as my clients are consistently complaining about the size of the logo. As I don't publish the files but hand over the publishable files for their own LMS, its not realistic to give them directions for coding their own file. This is something that should be editable within the authoring tool
Would appreciate if you could amend this so we have better control of the logo sizing.
Janine
Hi Janine,
I'm sorry you've run into such trouble with the logo sizing. Could you tell me a bit more about the size of your logo and how you'd like it to appear with the cover photo? That would help our team as they look into Rise improvements or it may point us to another idea for you.
Did you already look at removing extra white space or incorporating the logo into the image you used for your cover photo?
I have zero white space surrounding an organization's logo. I would like it to be a minimum of 50% larger in all views. This is what it looks like in phone portrait view. Too small.
Thanks so much for your candid feedback, Karin. We're tracking requests for more logo editing options like yours, and we'll certainly let you know if that functionality gets added to Rise in the future.
Thank you, Alyssa, with that in mind, when is the next Rise update?
Great question, Steve! Check out this sneak peek of the exciting new features we're adding to Rise in next week's update!
Alyssa, I reviewed the update video, but it did not mention anything about the logo size question. Can you give us an idea of when this will be implemented?
STAY AWESOME!
Hey Karin! We're still tracking the request for more logo formatting options in Rise. If we add this to our new feature roadmap in the future, we'll let you know!
+1 for more logo formatting options in Rise!
Hi Mhairi,
Thanks for sharing your +1! If we add this to our new feature roadmap in the future, we'll definitely let you know.
Thanks!
Yes! Adding another +1 here. The logo as rendered is much, much too small. Allowing it to be larger, or letting us have some control over it, would be very welcome.
Another feature that would be nice would be the ability to optionally add an image to the preview page, above or below the text.
I have filed a feature request for this. Can anyone please give some pointers as to how the logo size is changed in the CSS? It seems Rise's CSS has evolved a lot since the start of this thread.
Best,
Pieter
Thanks for your +1's, everyone!
In case you'd like specifics on Rise 360 logo aspect ratios and dimensions, check out this post from my teammate, Marvie.
This discussion is closed. You can start a new discussion or contact Articulate Support.