Problem with CSS?

Hi,
could someone pleaase help - i've got the same site in two localizations (test and final):
1. FINAL: http://ngoproject.fundacjaaie.eu/portal/index.php/component/users/?view=registration
2. TEST: http://tes.zebrok.com/index.php/component/users/?view=registration

How to repair view in TEST? (grey transparent block - should be shorter and behind the registration fields - like in FINAL version.

Hi

I can see a piece of style:

Code: Select all

div.registration {
    margin: auto;
    max-width: 700px;
}


but I can't tell where this code is coming from. It's not in css files, but added directly to site's code. Possibly some custom code added to template's Custom css.

Thx for reply.

I've got another problem with CSS - I'm using "easy-profile" component and view of profile is really ugly.

http://ngoproject.fundacjaaie.eu/portal/index.php/component/jsn/FAIE?Itemid=

And offcial view is nice:

https://www.easy-profile.com/profile/sdasdas.html


Support team said:

Hi,
this is a problem of your template.

We do not apply any style because we want that profile page keep same layout of your template. But your template not have any style for simple DL,DD,DT html list.

We recommend you to contact your template provider and ask him to fix this. Keep in mind that normal Joomla User Profile page uses same way, so your template not style also Joomla profile page.

Any suggestions to correct the template's css?

I solved my problem my problem by adding few lines in template css:

Code: Select all

fieldset
{
  border: none;
}

fieldset dl
{
  display: block;
  margin: 0;
  padding: 0;
  background: none;
}

fieldset dt
{
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 12em;
  height: 2em;
  margin: 0;
  padding: 0;
  float: left;
  clear: both;
  background: none;
  line-height: 2em;
  overflow: hidden;
}

fieldset dd
{
  display: block;
  min-height: 2em;
  margin: 0 0 0 12em;
  padding: 0;
  background: none;
  line-height: 2em;
}

fieldset label
{
  display: inline-block;
  width: 12em;
}

fieldset textarea
{
  vertical-align: text-top;
}

Hi

Great to hear it's solved. In fact we are not using any styling for dt/dd to apply browser's default, but in this case this is not enough since it needs a 2 column layout. Thank You for shearing this piece of code with other users.