"text-align: center“不使用媒体查询

Question

我已经搜索了这些版块，我认为在尝试了一些不同的解决方案后，我仍然有问题。我正在使用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;)我遗漏了它，因为我新收到的结果是完全错误的。

我已经尝试了这块板上提供的许多解决方案，但仍然没有解决这个问题。

我知道我错过了什么或做错了什么，希望有人能帮助我。

Answer 1

您缺少媒体查询的结束大括号：}

@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%;}
    }