在lightbox2中重新定位字幕

我是一個總noob，我已經成功下載lightbox2，並且想知道是否有將標題移動到圖像右側的方法。在lightbox2中重新定位字幕

我已閱讀了一些其他教程，描述如何在js文件中查找代碼行...但它們非常老，看起來我可能有更新的版本。

我一直試圖與CSS玩弄，但無濟於事。我不知道在js中尋找什麼。該文件的版本。任何幫助將非常感激。

2017-03-28 thenewgirl

最有可能的是，在這一點上你不需要修飾js。如果你創建了一個[mcve]（在這個問題中，使用'<>'按鈕），我們可以幫助你的最簡單的方法，但在這一點上可能太多了，所以...... 1）請鏈接你正在使用的確切庫（有大量的燈箱插件）。 2）如果可能的話，在你的設置中提供更多的上下文。你是否在本地服務器上運行這個服務器，在網上有一個地方可以檢查你有什麼？ –

使用您的Web瀏覽器的文檔檢查器可以非常有幫助時，修補與CSS。

如果您覆蓋.lb-details類，則可以將文本置於右側。

.lb-data .lb-details { 
    text-align: right; 
}

來源

2017-03-28 22:49:48

我假設你使用的是this Lightbox plugin並試圖用關閉按鈕翻轉標題的位置。

如果我上面的假設是真實的，您需要將此添加到您的CSS。在lightbox.css之後加載包含此添加項的CSS文件很重要。如果您還沒有任何其他（自定義）CSS文件，將CSS置於lightbox.css文件的末尾是安全的，但最好創建一個單獨的自定義.css文件來保存您的CSS，而不要混合它與其他任何東西。重要的是你需要在lightbox之後加載它。

.lb-data .lb-close { 
    float: none; 
} 
.lb-data .lb-details { 
    text-align: right; 
    float: right; 
}

如果你只想對準右側的標題文字，而無需切換左邊的合閘按鈕，text-align:right上.lb-data .lb-details就夠了，大衛的建議。

如果答案沒有多大意義，請隨時提問或提供更多詳細信息。

來源

2017-03-28 23:10:21

在lightbox2中重新定位字幕

回答

相關問題