编辑已嵌入的WordPress主题的CSS

时间:2013-09-13 10:04:19

标签: css wordpress background-image image-resizing

您好我正在http://amy-and-duncan-are-getting-married.co.uk/使用WordPress上的聚合主题构建此网站。

我遇到的问题是某些页面上的背景没有填满整个屏幕而我留下了一个空白区域,当我在Chrome中右键单击并检查元素时我可以获得图像的CSS添加我想要的代码,

'background-size:cover;'

我已经尝试过研究这个但是我已经读过WordPress会自动创建这个CSS,肯定有一些地方我可以去编辑这段代码。

有人可以给我一个暗示或线索,因为我觉得我正在撕裂我的头发。

由于 克雷格

2 个答案:

答案 0 :(得分:2)

登录WP网站的后端

websiteurl/wp-admin

然后在左侧栏中,转到:

> Appearance

> Editor

然后在右下方查找样式表:

> Styles

然后CTRL + F您需要更改的代码,例如:

#content-area

然后添加到此选择器:

background-size: cover;

然后点击Update File

希望这有帮助。

答案 1 :(得分:1)

使用内联样式,如

    <div id="content-area" style="background-size: cover;">

或者在wordpress主题中添加外部样式表,并定义content-area id

#content-area{
    background-size:cover !important;
}

我认为这对你有用