Problem with CSS?

September 2015 Joomla Template
GK User
Tue Aug 30, 2016 7:29 am
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.
User avatar
Fresh Boarder

teitbite
Tue Aug 30, 2016 12:03 pm
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.
User avatar
Moderator

GK User
Thu Sep 01, 2016 2:59 pm
Thx for reply.

I've got another problem with CSS - I'm using "easy-profile" component and view of profile is really ugly.
Image
http://ngoproject.fundacjaaie.eu/portal/index.php/component/jsn/FAIE?Itemid=

And offcial view is nice:
Image
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?
User avatar
Fresh Boarder

GK User
Fri Sep 02, 2016 8:07 am
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;
}
User avatar
Fresh Boarder

teitbite
Mon Sep 05, 2016 2:27 pm
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.
User avatar
Moderator


cron