“text-align:center”无法使用Media Query

时间:2015-07-02 03:46:07

标签: wordpress

我已经在一定程度上搜索了这些电路板,我认为这是彻底的,并且在尝试了许多不同的解决方案后仍然存在问题。我正在使用Avada主题并在那里使用一些布局元素的短代码。

在我的style.css中,我有以下

@media screen and (min-width: 980px) {
/* STYLES HERE */
 p1#p114 {
    font-family: Times; font-size !important;
    font-size: 380%;
    color: #ffffff;
    font-style: italic !important;
   text-shadow: 4px 4px 2px rgba(5, 5, 5, 0.75);
    line-height: 125%;}

在我的页面文件中,我有以下代码

[fullwidth backgroundcolor="" backgroundimage="http://dylanstevenscrawshaw.com/painterspaint/wp-content/uploads/2015/06/Colour-1.jpg" backgroundrepeat="no-repeat" backgroundposition="left top" backgroundattachment="fixed" video_webm="" video_mp4="" video_ogv="" video_preview_image="" overlay_color="" overlay_opacity="0.5" video_mute="yes" video_loop="yes" fade="no" bordersize="0px" bordercolor="" borderstyle="solid" paddingtop="100px" paddingbottom="100px" paddingleft="100px" paddingright="100px" menu_anchor="" equal_height_columns="no" hundred_percent="no" class="" id=""][fusion_text]<p1 id="p114"><strong>"COLOURS THAT SUIT YOU!"</strong></p>[/fusion_text][/fullwidth]

如何在此元素中输入文字?

我意识到我目前在发布的代码中没有任何值可以尝试和(text-align:center;)我把它遗漏了,因为我接收到的结果是完全错误的。

我已尝试过在这个主板上提供的一些解决方案,但仍未能解决这个问题。

我知道我错过了什么或做错了什么,希望有人可以提供帮助。

1 个答案:

答案 0 :(得分:0)

您错过了媒体查询的结束花括号:}

@media screen and (min-width: 980px) {
/* STYLES HERE */
 p1#p114 {
    font-family: Times; font-size !important;
    font-size: 380%;
    color: #ffffff;
    font-style: italic !important;
   text-shadow: 4px 4px 2px rgba(5, 5, 5, 0.75);
    line-height: 125%;}
    }