CSS Help with Academica Theme

• 

  nich0lasmoore · Member · Jul 9, 2014 at 4:27 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I am inexperienced with CSS. However I am just wanting to make what I believe to be a simple change.

  I am happy with the theme I am using however I would like to move my Title and Tagline to the top with my picture header in front of it. I would like this to all be on the top of the menu. Please see this Picture: https://nich0lasmoore.files.wordpress.com/2014/07/screenshot-2014-07-09-at-12-19-26-pm.png

  My current site looks like this: http://www.nicholasmoore.net

  Would someone be able to provide me with the CSS Code I need to make this happen?

  The header image locatation can be found here:https://nich0lasmoore.files.wordpress.com/2014/04/cropped-cropped-cropped-nicholas_transparent_web-2211.png

  I am desperate for some help. I do not understand CSS. I have a little HTML experience.

  I would be very grateful if someone could help me get the CSS.

  Thank you!

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

• 

  timethief · Member · Jul 9, 2014 at 4:37 pm

  • Copy link

  Hello there,
  Please use this link https://en.forums.wordpress.com/forum/css-customization#postform so you can copy and paste your text into a thread that will appear in the CSS Forum where you will get the help you need.

• 

  timethief · Member · Jul 9, 2014 at 4:38 pm

  • Copy link

  Woah! The Support Forum changed to CSS Forum right before my eyes. Please ignore what I posted as someo9ne moved this thread for you.

• 

  galois · Member · Jul 9, 2014 at 4:55 pm

  • Copy link

  The Support Forum changed to CSS Forum right before my eyes

  And before of mine. I would write the same suggestion, TT :)

• 

  nich0lasmoore · Member · Jul 9, 2014 at 6:21 pm

  • Copy link

  Thanks. If it would make it a little more simple here is the header picture and words combined:

  

• 

  thesacredpath · Member · Jul 9, 2014 at 10:38 pm

  • Copy link

  Hi there, 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.

  #logo {
      background: url("http://nich0lasmoore.files.wordpress.com/2014/04/copy-cropped-cropped-cropped-cropped-cropped-cropped-nicholas_transparent_web-2211.png") no-repeat scroll top left transparent;
      height: 87px;
      vertical-align: bottom;
      padding-top: 30px;
  }
  #site-title, #site-description {
      padding-left: 70px;
  }
  #header {
      position: relative;
      height: 130px;
      margin-top: 20px;
  }
  #main-nav {
      position: absolute;
      bottom: 0;
  }

• 

  nich0lasmoore · Member · Jul 9, 2014 at 11:22 pm

  • Copy link

  Awesome thank you so so much kind sir!

• 

  thesacredpath · Member · Jul 9, 2014 at 11:30 pm

  • Copy link

  You are welcome.