Comments

• 

  thaen

  Posts: 1,076 January 2021

  Can you give a sample doctored up screenshot?  I'm not following what you mean by "under the main menu on the right"?

  Obsidian Portal Developer
• 

  Frak_Lou_Elmo

  Posts: 174 January 2021

  like this:
  
  

  I plan that when it is clicked it goes to https://blog.obsidianportal.com/obsidian-portal-campaign-of-the-month-january-2021-gaxim-plague/

   

  
  
  twitter: @Frak_Lou_Elmo
• 

  Frak_Lou_Elmo

  Posts: 174 January 2021

  Oh. I don't know my right from my left apparently. yeah, over there!

  
  
  twitter: @Frak_Lou_Elmo
• 

  thaen

  Posts: 1,076 February 2021

  Haha!  I actually have real trouble telling left from right.  I know I'm left handed (because people notice/mention it), so when I want to know left from right, I have to literally stop and think "if I was going to write with a pencil, which hand would I use", and then that's "left", so the other hand is "right".  Sometimes, if I'm not totally sure, I have to actually pretend one finger on the other hand is a "pencil" and grab that finger as if I was going to write to see if it feels right.

  For your actual question, I'm going to give a half answer, and let someone else better with CSS/HTML skills, dress it up.

  I think most CotM winners put their badge only on one page, the Front Page, but it sounds like you want yours on every page.

  To do that, you can use the "Custom Navigation" feature, and put HTML to hold your badge at the bottom of the "NAVIGATION: CAMPAIGN SIDE" section, right before the "NAVIGATION: DASHBOARD SIDE" section starts.  You'll need some extra CSS to hide the badge when you're looking at the "dashboard side".

  Obsidian Portal Developer
• 

  gastoff

  Posts: 136 February 2021

  Another way to add it under the navigation bar would be to add the image to the :after pseudo element. The only caveat here is that you have to set the content to be "" so that the element will be visible and you have to set the width and height:

   

  
  .campaign-public-layout #campaign-nav:after{
      content: "";
      background-image: url(your URL);
      background-size: 100%;
      background-repeat: no-repeat;
      display: inline-block;
      width: 100%;
      height: 110px;  *height cannot be set using % and has to be given using px size*
  }

   

  
• 

  thaen

  Posts: 1,076 February 2021

  @gastoff, that's a much better answer!

  Obsidian Portal Developer