Jump to content

Menu CSS Change

Recommended Posts

Hi All,


Pretty simple question for someone with the right CSS and WHMCS knowledge.


I'd like to reduce both the menu bar and the footer divider so that rather then being wider then the white background they are inside they are contained within.


A perfect example of this is the whmcs.com client area (not the demo area).


Any advice is much appreciated.


Kind Regards,

Stuart Macfarlane

Link to comment
Share on other sites

.topbar, .footerdivider {

width: 960px;

margin: 0 auto;

background: white;


.topbar .fill, .footerdivider .fill{

width: 880px;



add those at the end of your style, make sure its not bootstrap.css anyother css file that is linked after bootstrap.css header.tpl will do. adjust the bold width to your own choice. leave the other alone, its set to the same width as the white boxes, unless its not lining up on your then adjust as needed.



I just looked at my header, the obvious place would be at the end of whmcs.css this should be in templates/default/css/

Edited by disgruntled
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...

Important Information

By using this site, you agree to our Terms of Use & Guidelines and understand your posts will initially be pre-moderated