CSS or HTML to Hide Site Tagline on Index Page

  • 1
  • Question
  • Updated 5 years ago
  • Answered
Hi everyone! I'm trying to hide the site tagline on the index page only.

My site is www.venturereputations.com.

The tagline holds my company name for all other pages, but for the index page, it shows up twice.

Any help would be greatly appreciated!
Photo of Sarah

Sarah

  • 3 Posts
  • 1 Reply Like

Posted 5 years ago

  • 1
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Sarah,

Is this what you want?
Photo of Sarah

Sarah

  • 3 Posts
  • 1 Reply Like
yes it is!
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Thanks Sarah,

Since it is only the home page that you wish to remove the tagline then you use an internal style sheet. To do this drag an HTML widget onto your home page within the sitebuilder and copy and paste this code into it:

<style type="text/css">

.yola_site_tagline span {
display: none;
margin: 20px 0 0;
}
</style>


I hope this does the trick for you. I've changed the display to "none" but left the margin settings, just in case it tries to realign the space left(?)

Generally considered best to place this as your first page entry so its at the top of any subsequent coding/content.
Photo of Sarah

Sarah

  • 3 Posts
  • 1 Reply Like
Worked like a charm! Spectacular. Thank you so much for your help! :)
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes