Smallipop jQuery插件-如何減小三角形的大小？

Question

如何減小smallipop插件工具提示上三角形形狀的大小？
Smallipop網站。

我希望三角形的寬度和高度都少2px。

Answer 1

您將需要覆蓋它們的類。

.smallipop-instance:after

和

.smallipop-instance:before

可能有多個用於處理不同的屏幕尺寸和三角形位置。 每個都有一些CSS樣式，分別對應於頂部，底部，左側或右側的三角形。 重要的樣式是：

top: -24px;
bottom: -20px;
margin-left: -10px;
border: 10px solid transparent;

不是那些特定的值，而是那些CSS屬性。 我只是從CSS中獲取了這些示例。 要更改三角形的大小，您將需要調整border像素的大小。 較低的值表示較小的三角形。

進行更改會導致三角形不再居中，並且不再直接靠在工具提示上。 根據三角形的位置：頂部，左側，右側或底部，您將需要調整正確的類別並更改其top或bottom值以及其margin-left值以補償尺寸變化。

也有一些班級

.smallipop-left:after
.smallipop-right:after
.smallipop-bottom:after

看起來它們取決於工具提示和三角形的位置，將覆蓋邊距，頂部，左側，右側或底部值。

希望這可以幫助您開始理解並進行所需的更改！