css homepage problem

• 

  moshekahol · Member · Sep 29, 2016 at 9:04 pm

  • Copy link
  • Add topic to favorites

  Hi, I have this css code in my site to align the form:
  
  @media screen and (min-width: 600px) {
  .post-603 {
  width: 42%;
  }

  .post-603 {
  margin-right: 2%;
  }

  p {
  font-size: 80%;
  margin: 0;
  padding: 0;
  }
  }

  now….

  you can see here: kahol.co.il
  that under the form there is a grey line which stops in the middle – it seems it is also aligned…

  how can I make it go all the way like the other lines seperating the child pages of otherway make it dissappear?

  thanks for your great help!

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

• 

  thesacredpath · Member · Sep 30, 2016 at 6:15 am

  • Copy link

  Change the first rule in the above media query to this and see what you think.

  .post-603 .hentry-wrapper {
  	max-width: 42%;
  	margin-right: 2%;
  	width: 100%;
  }

• 

  moshekahol · Member · Sep 30, 2016 at 10:00 am

  • Copy link

  thank you! your help Greatly appreciated!

• 

  moshekahol · Member · Sep 30, 2016 at 10:15 am

  • Copy link

  ok… one little problem I saw: the form become also longer.. how can I target omly the form box so it will stay shorter?

• 

  moshekahol · Member · Sep 30, 2016 at 10:20 am

  • Copy link

  figured it out :) thank you! by adding this:

  #post-603 .hentry-wrapper input[type=”text”], #post-603 .hentry-wrapper input[type=”email”] {
  width: 80%;
  }

• 

  thesacredpath · Member · Sep 30, 2016 at 8:18 pm

  • Copy link

  Super, and you are welcome.