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

Question

如何在小工具插件的工具提示中減小三角形的尺寸？
Smallipop website.

我想的三角形爲約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 

，看起來他們視提示和三角將覆蓋邊緣，頂部的位置，左，右或底部值等。

我希望能幫助您開始理解並進行所需的更改！