Can This Be Done?

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.