Hello,
Is it possible to make the (?) popup box larger on product page options.I'll include a screenshot for better explanation.
Thank you for any help.
https://drive.google.com/open?id=1_MMEOgqd2q2J7eSaNRQ9UtR3snou4NT1
Hello,
Is it possible to make the (?) popup box larger on product page options.I'll include a screenshot for better explanation.
Thank you for any help.
https://drive.google.com/open?id=1_MMEOgqd2q2J7eSaNRQ9UtR3snou4NT1
No screenshot.
Yes, size should be a css property.
You can probably add a style of:
.ty-icon-help-circle { font-size: 125%; }
Which would increase it 24% over what it is currently defined as.
UNTESTED.
No screenshot.
Yes, size should be a css property.
You can probably add a style of:
.ty-icon-help-circle { font-size: 125%; }Which would increase it 24% over what it is currently defined as.
UNTESTED.
Oops , here's the link. https://drive.google.com/open?id=1_MMEOgqd2q2J7eSaNRQ9UtR3snou4NT1
Thank you I'll give it a try
Hello,
Is it possible to make the (?) popup box larger on product page options.I'll include a screenshot for better explanation.
Thank you for any help.
https://drive.google.com/open?id=1_MMEOgqd2q2J7eSaNRQ9UtR3snou4NT1
As far as I remember, it depends on the content size. Did you try to upload bigger image?
play with these
.tooltip { display: none; max-width: 300%; z-index: 10000; padding: 9px; background: rgba(0,0,0,0.8); color: #fff; text-align: left; font-weight: normal; opacity: 1; filter: alpha(opacity=100); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
and this
.tooltip p {padding: 0px; width: 200%;
}
play with these
.tooltip { display: none; max-width: 300%; z-index: 10000; padding: 9px; background: rgba(0,0,0,0.8); color: #fff; text-align: left; font-weight: normal; opacity: 1; filter: alpha(opacity=100); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }Thank you! Where would I find the area to edit this code?
As far as I remember, it depends on the content size. Did you try to upload bigger image?
It's a Glyph in standard responsive theme.
play with these
.tooltip { display: none; max-width: 300%; z-index: 10000; padding: 9px; background: rgba(0,0,0,0.8); color: #fff; text-align: left; font-weight: normal; opacity: 1; filter: alpha(opacity=100); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }Thank you! Where would I find the area to edit this code?
You can add the code to your css editor in your theme to try.
JOhn
You can add the code to your css editor in your theme to try.
JOhn
That did the trick, thank you!
It's a Glyph in standard responsive theme.
I thought he asked about popup box size, not the icon one
I thought he asked about popup box size, not the icon one
You're correct. Original post didn't have the screen shot. It was added later.