Forum Discussion
Increase the Size of the Logo on the Cover Page
Rise seems to insert the logo at a fixed size on the cover page. Is it possible to make it larger? It appears quite small even on smartphones.
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!
- StuartMarshall-Community Member
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:.overview__logo>img {
display: block;
height: 140px;
width: 174px;
}- JohnCurranCommunity Member
Stuart - where do I find the CSS to edit the logo size? Thanks in anticipation.
- ShailendraKu342Community Member
Thanks!
- JanineWhitli839Community Member
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
- StuartMarshall-Community Member
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'. - HEATHERHUTCH859Community Member
Add me please - The default Logo size is way to small. However, ideally I'd like the ability to just add blocks to the cover page just as in a lesson. That would solve the logo problem and a number of other issues for me as well.
- JohnCurranCommunity Member
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.... ;-)
- JohnCurranCommunity Member
I can only find three CSS files in the published output (see screenshot) but can't find 'overview_logo' in any.
- MelissaDehaanCommunity Member
is there any update on logo size ? it's too small and unreadable on mobile and I actually have the need for two different types of logos next to each other - is there any way to do this?
Hi there, Melissa. No updates on logo size to share at this time. The logo setting allows you to upload one image file. Can you combine the images into a single file in another editing tool?
- RobertCrooksCommunity Member
Come on gang! This should be an easy fix. We can make images smaller and bigger (set ratios) but not a logo?
- BenGilesCommunity Member
+1 from me. Even with responsive design, the displayed logo resolution is too small - looks wrong!
- KarinRexCommunity Member
...more like 4 years later....
+1