Question

我想通过css更改图像的宽度。当我通过typo3这样做时，我只能访问外部div容器（内容元素的自定义边框）。所以我将以下行添加到我的css文件中：

.Bild-Startseite img { max-width:50% !important; }

div容器正在使用Bild-Startseite。不幸的是，容器没有调整大小，在图像的右侧留下了一个空白区域。如何纠正这个问题，使图像与右边对齐，文字在其周围浮动？我只想更改此图像而不是网站上的其他图像。此外，typo3不允许我访问其他容器。

由于

Answer 1

为了使其正常工作，您应该设置图像容器的样式。在你的情况下：

figure.csc-textpic-image.csc-textpic-last

您声明您希望仅在此特定页面上应用此选项。请尝试以下方法：

#c48 figure.csc-textpic-image.csc-textpic-last {
    max-width: 400px; /* or whatever value you may fit. */
}

我认为#c48仅针对该页面。因此，您只能将该规则应用于该页面。

如果#c48不是特定于该页面，那么您应该在您的正文页面添加一个css类。

您应该从typo3 template上的setup field修改main template，然后执行以下操作：

page = PAGE
page {
    ...

    bodyTagCObject {
        field = uid
        wrap = <body class="uid-|">
    }

    ...
}

有了这个，你就会有一个单独的课程，你可以这么做：

.uid-yourIdNumberHere figure.csc-textpic-image.csc-textpic-last {

//your page specific style here.

}