Changing width of a static page & Header Height in Ryu Theme

• 

  anterobot · Member · Mar 7, 2014 at 3:39 am

  • Copy link
  • Add topic to favorites

  Hello,

  I am trying to adjust two things in my wordpress theme – I’ve had success with other blogs, but this theme is bettering me.

  1. I would like to make the text of the page wider, possible stretch the width of the page.
  2. I also removed a header image/text and there is now too much blank space at the top of the page – I am unsure how to remove this.

  Finally – I’d ideally like to move the dropdown menu tab at the top of the page to be aligned to the right rather than in the middle, if that is possible too.

  Any help is appreciated.
  Thank you in advance.

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

• 

  anterobot · Member · Mar 7, 2014 at 7:09 pm

  • Copy link

  Okay, I’ve removed the header/masthead from the page but still trying to remove the blank space at the top of the page.

• 

  hfzrhmn · Member · Mar 9, 2014 at 1:23 am

  • Copy link

  Hello,

  Something like this will decrease the “blank space” on top of the page:

  .hentry {
  	padding-top: 10px;
  }

  Play around with the number to increase/decrease the spacing. The original value is 102px.

• 

  anterobot · Member · Mar 9, 2014 at 7:05 am

  • Copy link

  That’s super helpful. Thanks!
  Related: is there a way to adjust the spacing between the page headline and the body text too?

• 

  hfzrhmn · Member · Mar 9, 2014 at 10:15 am

  • Copy link

  Something like this will make the space closer:

  .entry-content {
      margin-top: 0px;
  }

  You can also use negative value (-10px, for example), if you want to make them even closer.

• 

  anterobot · Member · Mar 9, 2014 at 3:10 pm

  • Copy link

  Thank you – this is what I was looking for. I appreciate your help.

  The last thing I’m trying to tweak is probably unique to the theme I’m using. I’m wondering if there is a way to move the tab that pulls down the extra info at the top of the page to the left or the right… I am assuming I want to do this by percentage so it is consistent across different browsers/devices.

• 

  thesacredpath · Member · Mar 10, 2014 at 8:54 pm

  • Copy link

  Hi, this would move the icon to the left, and it should work well with all devices.

  #triggers-wrapper {
      text-align: left;
  }

  If you want it on the top right, you can change left to right.

• 

  anterobot · Member · Mar 10, 2014 at 8:58 pm

  • Copy link

  That worked perfectly.

  Thank you so much for your help (everyone). The WordPress community rocks!

• 

  thesacredpath · Member · Mar 12, 2014 at 9:32 pm

  • Copy link

  You are welcome.