Shadow for content area

• 

  realagenda · Member · Jul 31, 2011 at 2:13 am

  • Copy link

  It’s up now.

• 

  thesacredpath · Member · Jul 31, 2011 at 2:19 am

  • Copy link

  Did you copy and paste the stuff I gave you at the top of your CSS or at the bottom? It appears some of the older stuff is overriding the newer stuff.

• 

  thesacredpath · Member · Jul 31, 2011 at 2:21 am

  • Copy link

  I’m not seeing the width setting I have above in #main. 628px in your CSS is still there and there is no showing of the 585px I set in the stuff above.

• 

  realagenda · Member · Jul 31, 2011 at 2:22 am

  • Copy link

  I copied it at the top

• 

  thesacredpath · Member · Jul 31, 2011 at 2:23 am

  • Copy link

  Always put it at the bottom so it overrides anything in the CSS that is above it.

• 

  realagenda · Member · Jul 31, 2011 at 2:31 am

  • Copy link

  I got it to work copying it at the top. I did not know I had to copy new stuff at the bottom.

  Now, is it possible to move the shadow from the .post area to the right side instead of the left? I’d love to have shadow on the right side of the bar, which is already there, and to the left of the .post area.

  Thanks!

• 

  thesacredpath · Member · Jul 31, 2011 at 2:37 am

  • Copy link

  In .post, change the first value in the box-shadow declaration to a negative as below.

  box-shadow: -5px 5px 5px #CCCCCC;

• 

  thesacredpath · Member · Jul 31, 2011 at 2:40 am

  • Copy link

  Add this to .post as well to align the shadow on the left to the edge of your menu bar.

  margin-left: 7px;

• 

  realagenda · Member · Jul 31, 2011 at 2:40 am

  • Copy link

  Man, WordPress should pay you for your help to users. I wish I could pay you!

  Where are you located?

• 

  thesacredpath · Member · Jul 31, 2011 at 2:44 am

  • Copy link

  I’m on Hawaii Island in the middle of the Pacific.

• 

  thesacredpath · Member · Jul 31, 2011 at 2:44 am

  • Copy link

  Add this to #pagenav as well.

  margin-left: 7px;

• 

  thesacredpath · Member · Jul 31, 2011 at 2:50 am

  • Copy link

  There might be some minor alignment issues to deal with, but I’m on my way out the door to get something to eat, so I’ll be back on a hour or so.

• 

  realagenda · Member · Jul 31, 2011 at 2:57 am

  • Copy link

  margin-left: 7px; threw the RSS button down to a second line.

  Please enjoy your meal.

  I am here in Brazil.

  I noticed that the navigation menu is basically touching the content area after the changes you helped me with. Is that the alignments you were talking about?

• 

  thesacredpath · Member · Jul 31, 2011 at 3:52 am

  • Copy link

  Change the width under .col-full to 940px to match the width of the header area. That should take care of the menu bar.

  Do you want some space between the content area and the menu bar?

• 

  realagenda · Member · Jul 31, 2011 at 4:03 am

  • Copy link

  yes, some space there would be awesome!

• 

  thesacredpath · Member · Jul 31, 2011 at 4:07 am

  • Copy link

  Try this. It doesn’t actually move the content down, but slightly moves the navigation up.

  #pagenav {
  margin-bottom: 10px;
  }

  And I might suggest adding this to #content. It just gives a slight bit of an edge to the top of #content rather than just leaving it open.

  border-top: 1px solid #EEEEEE;

• 

  realagenda · Member · Jul 31, 2011 at 4:15 am

  • Copy link

  Excellent! Great suggestion. I greatly appreciate it! Again, I cannot reward you as it is due. I hope you have a good rest of Saturday!

• 

  thesacredpath · Member · Jul 31, 2011 at 4:19 am

  • Copy link

  You are very welcome and thanks. It looks very good.

• 

  thesacredpath · Member · Jul 31, 2011 at 4:34 am

  • Copy link

  BTW, Brazil has always been one of the countries I would like to visit.

• 

  realagenda · Member · Jul 31, 2011 at 3:59 pm

  • Copy link

  Well, whenever you plan to come down here, please let me know. I live in the south of the country, in the state of Rio Grande do Sul, in case you wanna take a look. If you need particular information you cannot find, about it, please let me know as well.