This topic contains a post which is marked as Best Answer. Press here if you would like to see it.
*

ColdFusion

  • ***
  • 72 posts
QR codes size
« on: June 13, 2017, 11:24:28 AM »
Hi,

is there a way to fix the QR codes size? The setting in the plugin doesn't seem to do much, usually gets worse and the codes are just useless most times.

I saw you use them in Zara theme, where they look much better. Could we make them look the same?

Thanks

*

MB Themes

Re: QR codes size
« Reply #1 on: June 13, 2017, 11:30:30 AM »
@ColdFusion
Size of box for QR codes can be set in style.css of theme:
Code: [Select]
.top-details .qr-right
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

ColdFusion

  • ***
  • 72 posts
Re: QR codes size
« Reply #2 on: June 13, 2017, 12:49:06 PM »
Thanks, the code in my file is:

Code: [Select]
.top-details .qr-right {position:absolute;right:0px;top:0px;bottom:20px;}
.top-details .qr-right img {max-width:100%;max-height:100%;width:auto;height:auto;}

As I understand it's set to auto? Shouldn't that give you maximum setting?

*

MB Themes

Re: QR codes size
« Reply #3 on: June 13, 2017, 12:54:13 PM »
@ColdFusion
Image size will adjust to box size.
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

ColdFusion

  • ***
  • 72 posts
Re: QR codes size
« Reply #4 on: June 13, 2017, 01:45:23 PM »
Thanks, I just don't get what the box size is, when it's set to auto as it is in the moment and what to change to to make it bigger and still adjustable?

Marked as best answer by ColdFusion on June 13, 2017, 05:54:26 PM
*

MB Themes

Re: QR codes size
« Reply #5 on: June 13, 2017, 01:58:25 PM »
Code: [Select]
.top-details .qr-right {position:absolute;right:0px;top:-10px;bottom:10px;}
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

ColdFusion

  • ***
  • 72 posts
Re: QR codes size
« Reply #6 on: June 13, 2017, 05:50:53 PM »
Thanks, I was trying the completely wrong thing  :D

*

MB Themes

Re: QR codes size
« Reply #7 on: June 13, 2017, 08:38:09 PM »
:)
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

ColdFusion

  • ***
  • 72 posts
Re: QR codes size
« Reply #8 on: June 14, 2017, 12:19:19 AM »
Can I ask you one more thing - in some cases if the location string is long or when you resize the window to a certain point, the QR overlaps the ID before the ID switch to below the location. Is there a way to prevent that?

*

MB Themes

Re: QR codes size
« Reply #9 on: June 14, 2017, 10:02:01 AM »
@ColdFusion
You may use media queries (check responsive.css) to set different box sizes for different screen sizes.
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots