Question

Photo of David Leigh

0

Add Logo to Internal Site?

2

I'd like to add our church logo to the Page Header section of the internal site to personalize it for our organization, but I can't see an easy way to do this.

In accordance with the recommendations in the documentation, I don't want to remove any of the Rock branding or change the Rock theme, I'd just like to add our organization logo to the header bar, between the menu button and the search box.

Does anyone know if there is a simple way to do this?

 

  • Photo of Jeremy Turgeon

    0

    Hi David,

    If you want to put a logo on the homepage I'd suggest using the Header Content section.

    Go to your internal homepage, click the gear for Page Properties, select Advanced Settings and put your html code in the Header Content section.  Something like:

    <div align="left">

    <img src="yourlogourlhere">

    </div>

     

    Hope that helps.

    • David Leigh

      David Leigh

      Thanks Jeremy. This method adds a logo at the top of the page in a separate division along the vertical.
      What I am really looking for is a way of adding the logo to the current vertical division that contains the menu button (on the left) and the quick search box (on the right). I have tried adding a HTML content block to the Header Zone, but the best I can do so far is insert the logo directly above (and left-aligned with) the search box. Any ideas on how I can refine the placement of the logo?

      • Jeremy Turgeon

        Jeremy Turgeon

        While I am no web design expert, I don't think there's an easy way to do this without altering the default Rock theme. I know you're aware of the documentation warning against this time of change, so this might be an idea for the suggestion box.

        • David Leigh

          David Leigh

          Thanks for your help on this. I suspect you are right, it probably requires the Rock theme to be modified so that Blocks can be added in the Header Zone to the left of the search box.
          I'll leave this question open for a while just in case somebody else has a workaround or suggestion.

        • Photo of Jay Greentree

          0

          Method 1)    

          If you have Visual Studio or another program to edit .LESS files go to ~/Themes/Rock/Styles/theme.less and search for logo.

          Method 2)

          You can convert the logo to svg format in Illistrator and over ride the Rock-logo.svg file in "wwwroot\Assets\Images" (Not recommended as it will be replaced by the Rock logo svg file everytime there is a new release).