ThemeRepublic

Premium Joomla Templates

  • Categories
    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

0
   
Hello,

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!

Attachments:

Resolved
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.

2 responses Add Yours
     
  • Replied by zahir on Wednesday, March 27 2013, 11:09 AM · Hide · #1
    Glad to know it worked :)
    You can take them off completely instead of setting zero values - it will clean things up a bit...
    •  
  •  
    Replied by seo13 on Wednesday, March 27 2013, 10:57 AM · Hide · #2
    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!

    Attachments:

    1 vote by zahir
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.
ThemeRepublic.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.