Support

  1. dariuszcydejko
  2. General
  3. Tuesday, April 08 2014, 11:16 AM
My website looks good in safari but there are some problems with layout in Internet explorer and firefox.

In IE it doesn't format picture gallery in 2 columns. in Firefox it doesn't format in 2 columns neither, nor formatting the text to be 100% under the pictures. Do you have any suggestions how to fix that it's going to look perfect in all the browsers?
(enclosed picture is a print screen from IE)

Best,

Dariusz
Attachments (1)
dariuszcydejko Accepted Answer
I owe you a bottle of champagne! Great job! Best support!!
  1. more than a month ago
  2. General
  3. # 1
admin Accepted Answer
Admin
ok,
I found 2 errors at line 3272 and at line 2373
Wrong
.dl-horizontal dd{margin-bottom:15px;}!important;
#jsn_picture-gallery .dl-horizontal dt{display:none;}!important;

Correct
.dl-horizontal dd{margin-bottom:15px !important;}
#jsn_picture-gallery .dl-horizontal dt{display:none !important;}
  1. more than a month ago
  2. General
  3. # 2
dariuszcydejko Accepted Answer
That's what I have on my website


.dl-horizontal dd{margin-bottom:15px;}!important;
#jsn_picture-gallery .dl-horizontal dt{display:none;}!important;
#jsn_picture-gallery .dl-horizontal dd {margin-left: 0px;width: 50%;float: left;box-sizing: border-box;padding: 10px;-moz-box-sizing: border-box;!important;



your version was...

.dl-horizontal dd{margin-bottom:15px;}
#jsn_picture-gallery .dl-horizontal dt{display:none;}
#jsn_picture-gallery .dl-horizontal dd {margin-left: 0px;width: 50%;float: left;box-sizing: border-box;padding: 10px;}


I have inserted "!important;" to mark it and see the effect is actually visible.
and I think I got from you also the "-moz-box-sizing: border-box;" I guess


Do you think any of that can interfear/make it look the way it looks now?
  1. more than a month ago
  2. General
  3. # 3
admin Accepted Answer
Admin
Have you insert the CSS code that I sent you in previous post? (https://www.easy-profile.com/support/help-with-the-template.html#reply-1308)
  1. more than a month ago
  2. General
  3. # 4
dariuszcydejko Accepted Answer
Content Protected
  1. more than a month ago
  2. General
  3. # 5
admin Accepted Answer
Admin
Hi,
for firefox you can add replace line 3274 to your template.css with :
#jsn_picture-gallery .dl-horizontal dd {margin-left: 0px;width: 50%;float: left;box-sizing: border-box;padding: 10px;-moz-box-sizing: border-box;

For IE: which version you use? for me work.

Your screenshot is strange, the label are hidden by this CSS line:
#jsn_picture-gallery .dl-horizontal dt{display:none;}
this is independent from Browser.
  1. more than a month ago
  2. General
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.
Sorry, the discussion is currently locked. You will not be able to post a reply at the moment.

Request Support

Support is currently Offline

Support Availability

Working days: Monday to Friday. The support staff is not available on weekends; in the most of cases tickets will not be answered during that time.

Reply time: Depending on the complexity of your support issue it's usually between a few minutes and 24 hours for paid members and about one week for free members. When we expect longer delays we will notify you.

Guidelines

Before you post: read the documentation and search the forums for an answer to your question.

When you post: include Site Details if you request a support (you can use the form below the reply in Site Details tab).

Auto Solved Question: If after a week the author of the post does not reply to a request by moderator, the question will be marked as resolved.

Language: only English

Search Users

Easy Profile® is not affiliated with or endorsed by Open Source Matters or the Joomla Project. Joomla is Free Software released under the GNU/GPL License.