Hi, I’ve created a new page on my site.
The text is right up against the left hand side how do I get the
text over a bit <center> has not worked. http://www.see360degrees.com.au/testimonals.html
Thanks.
Try either or both margin-left: 1em or padding-left: 1em
Presumably you want your content centered just like the content in the header section. Presuming you are going to have a sidebar too, I would suggest that you wrap your .content_630 div in a wrapper:
[COLOR="#FF0000"]<div class="content">[/COLOR]
<div class="content_630">
</div>
[COLOR="#FF0000"]</content>[/COLOR]
and then style it like so:
.content {
margin: 0 auto;
width: 960px;
overflow: hidden;
}
Will do! Thanks
I must be doing something wrong, I placed the code is the css file and altered the code on the page it won’t move?
It’s not online yet. Maybe you forgot to update the CSS file.
Why dont you define the entire content in a container and set the css margin as
margin:0 auto;
what this actually means is that the margin from the left and margin from the right is taken as auto. When both left and right is defined as auto, the content is automatically centralized. 
Thanks Shamshadali,
This sounds easy, but my knowledge is limited,
When I open the CSS file I can see where do I change the margin.
.wr360_player
{
width:100%;
height:100%;
left:0;
top:0;
position:relative;
background:#FFFFFF;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
#container
{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:0;
}
.wr360_player .preloader .theme_panel
{
position:absolute;
width:100%;
bottom:0;
left:0;
margin-bottom:0px;
background-color:#FFFFFF
}
.wr360_player .preloader .theme_header
{
}
.wr360_player .preloader .theme_header .progress_bar
{
background:url(…/img/load.gif) left top no-repeat;
margin-left:3px;
display:block;
float:left;
width:53px;
height:53px;
cursor:pointer
}
.wr360_player .preloader .theme_header .progress_bar .progress_num
{
position: relative;
left: 3px;
top: 18px;
text-align:center;
color:#A0A0A0;
font-family:Arial;
font-size:15px;
}
.wr360_player .preloader .theme_header a.watermark
{
margin-left:5px;
margin-top:5px;
display:block;
float:left;
width:1px;
height:1px;
cursor:pointer;
display:none
}
.wr360_player .preloader .theme_panel .toolbar
{
position:relative;
height:35px;
margin: 0px auto -1px auto;
width:110px;
}
.wr360_player .preloader .theme_panel .toolbar a.left_button
{
background:url(…/img/basic/left_combined.png) no-repeat 0 0;
display:block;
float:left;
width:22px;
height:24px;
margin: 4px 0 0 11px;
cursor:pointer
}
.wr360_player .preloader .theme_panel .toolbar a.left_button:hover
{
background:url(…/img/basic/left_combined.png) no-repeat -23px 0;
display:block;
float:left;
width:22px;
height:24px;
margin: 4px 0 0 11px;
cursor:pointer;
}
.wr360_player .preloader .theme_panel .toolbar a.play_button
{
background:url(…/img/basic/play_combined.png) no-repeat 0 0;
display:block;
float:left;
width:24px;
height:24px;
margin: 4px 0 0 11px;
cursor:pointer
}
.wr360_player .preloader .theme_panel .toolbar a.play_button:hover
{
background:url(…/img/basic/play_combined.png) no-repeat -24px 0;
display:block;
float:left;
width:24px;
height:24px;
margin: 4px 0 0 11px;
cursor:pointer
}
.wr360_player .preloader .theme_panel .toolbar a.pause_button
{
background:url(…/img/basic/pause_combined.png) no-repeat 0 0;
display:block;
float:left;
width:24px;
height:24px;
margin: 4px 0 0 11px;
cursor:pointer
}
.wr360_player .preloader .theme_panel .toolbar a.pause_button:hover
{
background:url(…/img/basic/pause_combined.png) no-repeat -24px 0;
display:block;
float:left;
width:24px;
height:24px;
margin: 4px 0 0 11px;
cursor:pointer
}
.wr360_player .preloader .theme_panel .toolbar a.right_button
{
background:url(…/img/basic/right_combined.png) no-repeat 0 0;
display:block;
float:left;
width:22px;
height:24px;
margin: 4px 0 0 11px;
cursor:pointer
}
.wr360_player .preloader .theme_panel .toolbar a.right_button:hover
{
background:url(…/img/basic/right_combined.png) no-repeat -23px 0;
display:block;
float:left;
width:22px;
height:24px;
margin: 4px 0 0 11px;
cursor:pointer;
}
The easiest way is to use float: left and then give a margin up to your requirement in your CSS file.