Jump to content


Photo
- - - - -

Feature boxes - margin control


This topic has been archived. This means that you cannot reply to this topic.
1 reply to this topic

#1 elyons3683

elyons3683

    Advanced Member

  • Members
  • PipPipPip
  • 88 posts

Posted 28 February 2010 - 09:20 PM

Which CSS components control the width of the feature content and feature media? I'd like my content box to be a bit wider and the media box a bit more narrow so that I can center my text in the content box without it wrapping. I'm not sure whether I need to alter margins here: #feature .fmedia{ width: 458px; margin-left: 480px; height: 390px; float:right; or here: #feature .fcontent { position: relative; float: left; width: 330px; padding: 20px 80px; z-index: 100; margin: 20px -500px 0px 0px; height: 300px; or somewhere else altogether. THANK YOU! :)

#2 jnoh

jnoh

    Advocate

  • Members
  • PipPipPipPipPip
  • 502 posts

Posted 02 March 2010 - 02:47 AM

You found it! Edit the bolded: Shrink the .fmedia width and increase the .fcontent width.

#feature .fmedia{
width: 458px;
margin-left: 480px;
height: 390px;
float:right;

or here:

#feature .fcontent {
position: relative;
float: left;
width: 330px;
padding: 20px 80px;
z-index: 100;
margin: 20px -500px 0px 0px;
height: 300px;