Toggle Submenu
  1. Forums
  2. Recent
  3. Categories
  4. Tags
  5. Users
  6. Badges
Support is currently Online
Add a reply View Replies (6)

Resolved easy profile not responding in Internet Explorer

  1. Issue
  1. dariuszcydejko
    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)
gallery.jpg gallery.jpg
Responses (6)
admin
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. # 1
dariuszcydejko
dariuszcydejko Accepted Answer
Content Protected
  1. more than a month ago
  2. General
  3. # 2
admin
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. # 3
dariuszcydejko
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. # 4
admin
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. # 5
dariuszcydejko
dariuszcydejko Accepted Answer
I owe you a bottle of champagne! Great job! Best support!!
  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.