Collinear Theme Header Changes – Site Title, Tagline, Logo

• 

  imhoppingmad · Member · Oct 30, 2015 at 7:34 am

  • Copy link
  • Add topic to favorites

  In the Collinear Theme I need to have the site title invisible, the tagline visible and centered and the logo invisible.

  Right now I have entered the tagline as the site title because it appears correctly on the page but this is causing a number of problems elsewhere. In fact, I want the tagline to appear exactly as the title does now (which is why I have currently put it there.) I also need to enter the site logo (for use by RSS Feeds elsewhere) but do not want it to appear on the site. The header illustration is better for the site than the square logo, therefore, I need it to be entered as my logo but to be invisible.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Oct 30, 2015 at 8:07 pm

  • Copy link

  Hi there, the only problem I see on using the tagline as a site title is that it disappears on screens/windows narrower than 865px, and if we hide the site title, then at 864px and narrower, the top area is blank. We can of course make the site description visible again at 864px and narrower, but I’m wondering why go through all the redesign of the description to match the title?

  My suggestion would be to hide the tagline and use the title and restyle it as desired.

  Screenshot at 864px wide: https://cldup.com/xkeVHRYNCy.png

  Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and see what you think

  @media screen and (max-width: 860px) {
  	.wf-active .site-title {
  		font-size: 40px;
  		color: #777;
  	}
  }
  .site-description {
  	display: none;
  }
  .site-title a {
  	color: #777;
  }

  Let me know if I have misunderstood or if you wish to make additional changes.

• 

  imhoppingmad · Member · Oct 30, 2015 at 8:27 pm

  • Copy link

  Thank you SO much for replying. I was happy putting the tagline in where the title belongs until I realized that the site was being indexed by the tagline and not the title. that ends up being important in a number of applications. So, I need to have the title filled in correctly as “Hopping Mad” in the Customizer so that the site will be indexed by that title but I want “Politics. Economics. Carrots.” to appear on the actual page right where it does right now (which is currently where the title is supposed to appear.) I don’t want the title to appear as a header on the pages because I have a logo illustration doing that work. My other problem is similar to the title problem. I have a square logo which I want to put into the Customizer so that this will be pulled by indexing sites, web crawlers and RSS feeds but I don’t want that square logo to appear anywhere on my site page, again, because the header logo illustration is doing that work. Basically, the way the site appears right now is precisely how I want it to appear. My real problem is with how the site is indexed.

• 

  thesacredpath · Member · Oct 30, 2015 at 9:16 pm

  • Copy link

  Ah, now the light goes on for me. Add the following and see what you think.

  .site-title {
  	display: none;
  }
  .site-description {
  	font-family: "Oswald",sans-serif;
  	color: #222;
  	font-size: 52px;
  	font-weight: 300;
  	font-style: normal;
  }
  @media screen and (max-width: 860px) {
  	.site-description {
  		display: block;
  	}
  }

• 

  imhoppingmad · Member · Nov 3, 2015 at 10:43 pm

  • Copy link

  You are a God!!! Thank you so very, very much. That is perfect. Parsley to you and yours! – Arliss Bunny

• 

  thesacredpath · Member · Nov 4, 2015 at 6:58 am

  • Copy link

  You are welcome, and thanks.