Centering issue

I have found out how to change the size of the header and menu section to match the site.  I was able to center the menu section in _sub_header.html.  The problem I am facing is getting the header centered.  My site is http://www.lordsalmighty.com.  Right now working on site and is in invite only mode, but you can see the menu even if I have hidden it and it is centered, but if i center the header the same way then I get my logo is centered on page also and want it to on the left like it is.

Can someone help me fix this issue?  I have been in the common and tried every way I can think of to center the background, I am still learning so could have done it wrong.  Is there a way to do in _sub_header.html without moving my logo?

Thanks for any help that can be offered

Quote · 16 Apr 2011

Your site is unnreachable

My opinions expressed on this site, in no way represent those of Boonex or Boonex employees.
Quote · 16 Apr 2011

i dont think so much that you are having a problem with centering as much as you are having a problem with the set width. also, as a hint when trying to troubleshoot these design issues, you should use the firebug a plugin for both Firefox and Google Chrome, to help track down where certain aspects of your site are located. also, when modifying your templates or any part of the site as part of your development, you should turn off caching, it only presents additional problems.

 

so basically what you are working with is the div class sys_main_logo that has a width set at 975px, so you are centering in the 975px where your sites pages are appearing to be much wider.

im not a designer, however, i would say that you can tweak the settings of the sys_main_logo, so that you can leave your 975px, but you need to add padding or set the margin-left in order to get centered in your overall page width.

 

center sys_main_logo

When a GIG is not enough --> Terabyte Dolphin Technical Support - Server Management and Support
Quote · 16 Apr 2011

Thanks for the help.  I was looking at padding and noticed margin and what I did was add margin-left: 16px;

I just adjusted until it matched up with the rest of the site.

Quote · 16 Apr 2011
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.