Premium Joomla Templates

  • Categories
    View categories that are created for the site and filter discussions by categories.
seo13 on Wednesday, March 27 2013, 09:43 AM

modborder module class suffix on user login module


I'm really enjoying customizing this template to suit my client; however, I'm stuck with the default (gray) module style at the top of the login form embedded in the login module. (See attachment 1). If I change the login module to nobg, the outside border around the "Organization Log-in" title disappears, but the inside gray banner behind "Username" persists!

Any suggestions? I've also tried recreating a new login module, with modborder, nobg, and blank module class suffix entries, and no changes at all.

Thank you!
The discussion has been resolved.

Accepted Answer

  • Replied by zahir on Wednesday, March 27 2013, 10:01 AM
    The inner border is due to the fieldset styling. If you want to get rid of the border/background, then you will need to manually modify the fieldset styling. You can find this in the template.css file as follows:

    fieldset {
      padding: 10px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: 1px 1px 2px #bebebe inset;
      -moz-box-shadow: 1px 1px 2px #bebebe inset;
      box-shadow: 1px 1px 2px #bebebe inset;
      border-left: 1px solid #bbb;
      border-top: 1px solid #bbb;
      background: #dedede url(../images/mod_bg.png) repeat-x;
      margin-bottom: 20px;
    fieldset legend {
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      background: #fff;
      border: 1px solid #dedede;
      padding: 2px 8px;
      font-weight: bold;
      font-size: 12px;

    From the above, you will need to remove all the background, border and box-shadow entries for the fieldset styling.

  • Replied by seo13 on Wednesday, March 27 2013, 10:57 AM · Hide · #1
    Amazing. Thank you.

    Changing the following px size to zero, as per the following, worked:

    fieldset {
    padding: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 0px #bebebe inset;
    -moz-box-shadow: 0px 0px 0px #bebebe inset;
    box-shadow: 0px 0px 0px #bebebe inset;
    border-left: 0px solid #bbb;
    border-top: 0px solid #bbb;
    background: #fff repeat-x;
    margin-bottom: 20px;

    Thanks again!
    1 vote by zahir
    Replied by zahir on Wednesday, March 27 2013, 11:09 AM · Hide · #2
    Glad to know it worked :)
    You can take them off completely instead of setting zero values - it will clean things up a bit...
Your Response
Please login first in order for you to submit comments

Recent Themes

The Joomla!™ name is used under a limited license from Open Source Matters in the United Statesand other countries. is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.