Move site tagline under site identity

• 

  reysic · Member · Jan 10, 2017 at 6:13 pm

  • Copy link
  • Add topic to favorites

  How can I use custom CSS to move my site tagline directly under my site identity?

  So on the left by my site logo I would like to see:
  Jeremy Hicks
  Game AI Programmer

  The blog I need help with is hicksai.com.

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

• 

  thesacredpath · Member · Jan 11, 2017 at 5:07 am

  • Copy link

  Hi @reysic, add the following at the very bottom of your custom CSS. There are some alignment issues I’ve taken care of also.

  @media screen and (max-width: 60em) {
  	.site-branding {
  		text-align: left;
  
  	}
  	.site-branding .custom-logo {
  		margin-left: 0;
  		display: inline;
  		margin-left: 1em;
  	}
  }
  @media screen and (min-width: 667px) {
  	.site-title:after {
  		content: "Game AI Programmer";
  		display: block;
  		font-size: 19px;
  	}
  	.site-title {
  		margin-top: 0;
  	}
  	.site-description {
  		visibility: hidden;
  	}
  	.site-description:before, .site-description:after {
  		visibility: visible !important;
  	}
  }

• 

  reysic · Member · Jan 12, 2017 at 3:07 pm

  • Copy link

  Thank you @thesacredpath!

  Would you know how I could get my image links to fade on mouseover with custom CSS? I’ve tried the code below but it doesn’t seem to work.

  .post img:hover {
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
  }

• 

  thesacredpath · Member · Jan 12, 2017 at 8:15 pm

  • Copy link

  Hi, we need to make a small adjustment to your CSS selector.
  .hentry img:hover

• 

  reysic · Member · Jan 15, 2017 at 12:37 am

  • Copy link

  Thanks again @thesacredpath!

• 

  thesacredpath · Member · Jan 16, 2017 at 9:43 pm

  • Copy link

  You are welcome.