Different logo image on the home page/front page?

  • Hey,

    My idea is that the home page will have a big hero image/gradient up top with a white logo and menu on it (similar to stripe.com). But, on the rest of the pages I’d like to have a white background with the logo in its original color and no hero image.

    Maybe I can put an if statement somewhere? I know I can do this with some bad CSS/HTML hacks, but I’d rather do it right.

    I’m using a child theme of course.

    Love the theme, been using it for years.

Viewing 2 replies - 1 through 2 (of 2 total)
  • hannah

    (@hannahritner)

    Hey,
    Pinnacle theme is set up to work like this, but not Virtue. See example- https://themes.kadencethemes.com/pinnacle/
    In virtue you would need to hack with css. It’s not necessarily advised, but if you post a link I can try help.

    Hannah

    Thread Starter tapper101

    (@tapper101)

          <div class="col-md-4 clearfix kad-header-left">
            <div id="logo" class="logocase">
              <a class="brand logofont" href="https://domain">
                                  <div id="thelogo">
                    <img src="https://domain/logo.svg" alt="domain" class="kad-standard-logo" />
                                      </div>
                              </a>
                         </div> <!-- Close #logo -->
       </div><!-- close logo span -->

    I hid the img with display:none, and set the new logo as a background on div#thelogo with the same dimensions as the img. There’s probably multiple ways to do this though.

    • This reply was modified 7 years, 10 months ago by tapper101.
    • This reply was modified 7 years, 10 months ago by tapper101.
    • This reply was modified 7 years, 10 months ago by tapper101.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Different logo image on the home page/front page?’ is closed to new replies.