*

piter

  • ****
  • 104 posts
Seller's public profile layout broken by security images
« on: February 06, 2016, 10:18:42 PM »
Hi
Right column on seller's public profile page is broken by security images.

Layout keeps the column in right size on Firefox. But it is broken on latest Chrome and EDGE browsers.

If the column looks normal after the first load, reload the page a few times or F5 and after a few tries you see the effect.




Also please note that there is no 'reload image' button to get a new security image.
« Last Edit: February 06, 2016, 10:24:47 PM by piter »

Marked as best answer by frosticek on February 10, 2016, 08:11:44 AM
*

MB Themes

Re: Seller's public profile layout broken by security images
« Reply #1 on: February 07, 2016, 08:59:36 AM »
@piter
Add following line to your style.css:
Code: [Select]
#pub-con #recaptcha_image {width: 100%!important;max-width: 100%!important;}
#pub-con #recaptcha_widget > div > a {float:left;clear:none;margin-right:8px;}

Then go to file:
oc-content/themes/patricia/user-public-profile.php

Find line:
Code: [Select]
<div><a href="javascript:Recaptcha.showhelp()"><?php _e('Help''patricia'); ?></a></div>
Replace with:
Code: [Select]
<div><a href="javascript:Recaptcha.showhelp()"><?php _e('Help''patricia'); ?></a> <a href="javascript:Recaptcha.reload()"><?php _e('Reload''patricia'); ?></a></div>
« Last Edit: February 07, 2016, 09:06:36 AM by frosticek »
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

piter

  • ****
  • 104 posts
Re: Seller's public profile layout broken by security images
« Reply #2 on: February 07, 2016, 01:29:30 PM »
Fixes applied.
I emptied browsers cache and also httpd cache on the server too.

Problem remains. The contact form and security image are still wider than the column width.

*

MB Themes

Re: Seller's public profile layout broken by security images
« Reply #3 on: February 07, 2016, 05:42:04 PM »
@piter
I have checked your style.css and there are no such lines (oc-content/themes/patricia/style.css).
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

piter

  • ****
  • 104 posts
Re: Seller's public profile layout broken by security images
« Reply #4 on: February 08, 2016, 12:14:19 AM »
Your code has been added as a part of PUBLIC PROFILE css section...
I just double checked it.

Isn't the original style.css file cached somewhere by OSClass engine? Your code has been added to the file but for some reason it doesnt take any effect.

Code: [Select]
/* PUBLIC PROFILE */
.user_public_profile #right-block {float:right;width:20%;clear:both;}
.user_public_profile h3.desc { margin:0;color: #80C74E;font-weight:normal;padding:0 0 2px 0;border-bottom:2px solid #80C74E;font-size:16px;float:left;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.user_public_profile #description {float:left;clear:both;width:100%;margin:0 0 20px 0;padding:10px 10px 15px 10px;background:#f2f2f2;}
.user_public_profile #description #profile_picture_img {width:100%;height:auto;outline:0;margin:0 0 15px 0;border:1px solid #aaa;background:#fff;padding:2px;}
.user_public_profile .user-desc {float:left;clear:both;margin-top:10px;width:100%;}
.user_public_profile h1 { font-size:16px;color:#444;clear:both;font-weight:normal;float:left;width:100%;background-color: #F2F2F2;margin:0 0 15px 0;padding: 10px 10px;}
.user_public_profile h2 { width:100%;border-bottom:1px dotted #444;font-size:13px;color:#444; margin-bottom:10px;padding-bottom:2px }
#user_data {padding: 0;float:left;clear:none;width:100%}
#user_data li {float:left;clear:both;width:100%;padding:0;margin:2px 0;font-size:12px;color:#777;}
#user_data li.name {font-size:14px;color:#F56200;font-weight:bold;}

/* PUBLIC PROFILE RIGHT COLUMN WIDTH FIX */
#pub-con #recaptcha_image {width: 100%!important;max-width: 100%!important;}
#pub-con #recaptcha_widget > div > a {float:left;clear:none;margin-right:8px;}

#pub-con {float:left;width:100%;clear:both;padding:5px;border:1px dashed #ccc;}
#pub-con .button {margin:0 4px 0 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding:5px 15px;}
#pub-con .row {float:left;width:100%;clear:both;margin:0 0 9px 0;}

*

MB Themes

Re: Seller's public profile layout broken by security images
« Reply #5 on: February 08, 2016, 07:33:30 AM »
@piter
No, osclass does not have cache functionality, it can be done by your hosting or by some of your plugins.
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

piter

  • ****
  • 104 posts
Re: Seller's public profile layout broken by security images
« Reply #6 on: February 09, 2016, 11:34:10 PM »
Yes indeed. It was one of plugins.

Problem fixed. Thanks.

*

MB Themes

Re: Seller's public profile layout broken by security images
« Reply #7 on: February 10, 2016, 08:11:29 AM »
@piter
Welcome
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots