Feature boxes - margin control
Started by
elyons3683
, Feb 28 2010 09:20 PM
1 reply to this topic
#1
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
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;
#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;










