我对 CSS / HTML 很陌生,但通常可以弄清楚一些事情。虽然不是这个问题......我花了 2 天时间试图修复它,但没有任何乐趣
使用带有自定义 css 的 WP 3.9.1 和 WooThemes Mystile 进行更改;不需要子主题。当我使用左对齐在页面上放置带有标题的图像时,有些人会和其他人强烈拒绝。在较旧的 WP 中,它总是对齐所有留下的图像来创建行,但似乎不是 3.9.1。我已经尝试了我能想到的一切,但是那些应该左对齐的图像实际上是居中的。
使用 Firebug 或 Safari Inspector,我尝试将它们左对齐,即使使用负边距左也不会将图像放置在它所属的位置。几乎就像有某种分页符,因为没有更好的术语,那就是让它设置在中心的右边。就像它认为那个位置被留下了一样。
我没有使用任何画廊或插件,只是将图像添加到文本框中带有标题的页面,而不是视觉。我在 Store 下的大部分画廊都是一团糟。:(
下面是一个例子:托斯卡纳画廊大多数画廊 我想要连续 2 个横向或 3 个垂直。有时,如果图像数量为奇数,我可能会将 1 - 3 张图像居中,但大多数都是左对齐的。
任何帮助将不胜感激!谢谢!
回复:正文 css 代码
我有一些颜色变化和更多 div#attachmet_number (不认为你需要所有这些),但仅此而已。
:active, :focus {
outline-style: none !important;
-moz-outline-style:none !important;
}
a {
outline-style: none;
-moz-outline-style: none;
}
a:before {
outline: none !important;
}
a:imag {
outline: 0px none;
}
#sidebar .post-46 {
display: none !important;
}
article.post-46 img.alignleft {
margin: 0 1.618em 1em 16px;
}
.post .alignleft, .type-page .alignleft {
margin-bottom: 50px;
}
.post-282 .wp-caption img, .type-page .wp-caption img {
margin: 0 0 0 0.4em;
}
div#attachment_283 {
margin-left: 42px;
}
div#attachment_286 {
margin-left: 42px;
}
div#attachment_291 {
margin-left: 42px;
}
我不太确定这是否是您需要的。div#attachment_number 是框内的图像,其下方带有标题(标题)。
带标题的图像 HTML
[标题 id="attachment_516" align="alignleft" width="407"] 比萨大教堂[/caption]