Site logo alignment in Canard

• 

  15pattabia · Member · Jan 7, 2017 at 5:03 pm

  • Copy link
  • Add topic to favorites

  Hey y’all,

  Trying to change the alignment of the header logo for my site stanfordeconjournal.com using the Canard theme. I’d like to align the logo so that it’s on the same line as the site title (“Comparative Advantage”) and the site description, and then I’d like to left-align the whole package. Is this possible using CSS?

  Thanks!

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

• 

  eallas · Member · Jan 8, 2017 at 5:05 am

  • Copy link

  Howdy 15pattabia!

  I’d like to align the logo so that it’s on the same line as the site title (“Comparative Advantage”) and the site description, and then I’d like to left-align the whole package. Is this possible using CSS?

  Yes, it is possible. Go to https://wordpress.com/customize/ and click on CSS. Below, I’ve created a code you can copy & paste into the box. Let me know if this helps or if you run into any problems!

  .wf-active .site-title {
  	position:absolute;
  	left: -200px;
  	top: -20px;
  }
  .wf-active .site-description {
  	position:absolute;
  	left: -200px;
  	top: 35px;
  }
  
  .search-navigation {
      margin-top: 80px;
  }