Wordpress:将主 div 扩展到页面的全宽 [英] Wordpress: Extend main div into full width of page

问题描述

在@rnevius 的帮助下(从 wordpress 中删除侧边栏网站)，我从我的 wordpress 网站的单个页面中删除了侧边栏:mrmodernmillennial.com/dividend-dashboard.

在此过程中，我创建了另一个我想解决的问题.页面的主要内容仍然限于主要内容div，但我希望主要内容与模板的全宽一样宽.

页面模板为:

<?php $mh_magazine_lite_options = mh_magazine_lite_theme_options();?><?php get_header();?><div class="mh-wrapper clearfix"><div id="main-content" class="mh-content"><?php如果 (have_posts()) :mh_before_page_content();while (have_posts()) : the_post();?><div <?php post_class();?>><div class="entry clearfix"><?php the_content();?>

</div><?php终了；如果 (isset($mh_magazine_lite_options['comments_pages']) ? $mh_magazine_lite_options['comments_pages'] : false) :评论模板()；万一;万一;?>

<?php如果(！is_page('股息仪表板')){get_sidebar();}?>

<?php get_footer();?>

.css 模板是:

html { 字体大小:100%;-ms-text-size-adjust:无；-webkit-text-size-adjust: 无；} body { font-family: 'Open Sans', Helvetica, Arial, sans-serif;字体大小:14px；字体大小:0.875rem；行高:1.6；背景:#f7f7f7；自动换行:断字；} .fullbg .custom-background { -webkit-background-size: 封面；-moz-background-size: 封面；-o-background-size: 封面；背景尺寸:封面；} .mh-容器{ 宽度:980px;边距:20px 自动；位置:相对；-webkit-box-shadow: 0 0 5px 1px #a8a8a8;-moz-box-shadow: 0 0 5px 1px #a8a8a8;框阴影:0 0 5px 1px #a8a8a8;} .mh-wrapper { 填充:20px;背景:#fff;} .mh-content { 宽度:620px;溢出:隐藏；} .mh-sidebar, .hp-sidebar { float: left;宽度:300px；} .sb-right { margin-left: 20px;} .sb-left { margin-right: 20px;} .mh-right-sb #main-content { 浮动:左；右边距:20px；} .mh-left-sb #main-content { float: right;左边距:20px；} .left { 浮动:左；} .right { 浮动:对；} .myclasswider { 宽度:980px;溢出:隐藏；背景:#fff;向左飘浮;} .mycontent { 宽度:980px;溢出:隐藏；}/***** 列 *****/.row [class*='col-']:first-child { margin: 0;} [class*='col-'] { 浮动:左；左边距:2.04%；溢出:隐藏；}.col-1-1 { 宽度:100%；}.col-1-2 { 宽度:48.98%；}.col-1-3 { 宽度:31.973%；}.col-2-3 { 宽度:65.986%；}.col-1-4 { 宽度:23.47%；}.col-3-4 { 宽度:74.49%；}.col-1-5 { 宽度:18.368%；}.col-1-6 { 宽度:14.966%；}.col-1-7 { 宽度:12.537%；}.col-1-8 { 宽度:10.715%；}.clear { 清除:两者；}.clearfix { 显示:块；}.clearfix:after { content: ".";显示:块；清楚:两者；可见性:隐藏；行高:0；高度:0；边距:0；填充:0；}/***** 排版 *****/h1 { 字体大小:32px;字体大小:2rem；}h2 { 字体大小:24px;字体大小:1.5rem；}h3 { 字体大小:20px;字体大小:1.25rem；}h4 { 字体大小:18px;字体大小:1.125rem；}h5 { 字体大小:16px;字体大小:1rem；}h6 { 字体大小:14px;字体大小:0.875rem；} h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Helvetica, Arial, sans-serif;颜色:#000；行高:1.3；字体粗细:700；} b、强{字体粗细:粗体；} i, em { 字体样式:斜体；}小{字体大小:6px；字体大小:0.375rem；} 大 { 字体大小:20px;字体大小:1.25rem；} pre, code { font-family: "Consolas", Courier New, Courier, monospace;底边距:20px；底边距:1.25rem；背景:#f7f7f7；边框:1px 实心#ebebeb；} pre { 填充:20px;填充:1.25rem；空白:预包装；空白:-o-pre-wrap;空白:-moz-pre-wrap;空白:-webkit-pre-wrap；} kbd { 填充:0px 6px;填充:0rem 0.375rem；背景色:#f7f7f7；边框:1px 实心 #aaa;边界半径:0.1875em；-moz-border-radius: 0.1875em;-moz-box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em 白色插图；-webkit-border-radius: 0.1875em;-webkit-box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em 白色插图；box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em 白色插图；文本阴影:0 0.0625em 0 #fff；} blockquote { 字体大小:15px;字体大小:0.9375rem；行高:1.6；字体样式:斜体；颜色:#666；填充:15px；填充:0.9375rem；左边框:5px 实心 #e64946;右边框:2px 实心 #e64946;显示:内联块；框阴影:2px 2px 15px #ccc;} sup { 垂直对齐:超级；字体大小:10px；字体大小:0.625rem；}子{垂直对齐:子；字体大小:10px；字体大小:0.625rem；} abbr, acronym { border-bottom: 1px dashed;光标:帮助；} 引用 { 颜色:#9a9b97;} q { 字体样式:斜体；} address { font-family: "Courier new";行高:1.5；底边距:20px；底边距:1.25rem；} a { 颜色:#000;文字装饰:无；} a:悬停{颜色:#e64946；文字装饰:下划线；} .mh-excerpt a, .widget-title a { text-decoration: none;}/***** 列表 *****/.entry ul, .commentlist ul { list-style: square;} .entry ol, .commentlist ol { 列表样式:十进制；} .entry ul, .commentlist ul, .entry ol, .commentlist ol { margin: 0 0 20px 40px;保证金:0 0 1.25rem 2.5rem；} .entry ul ul, .commentlist ul ul, .entry ol ol, .commentlist ol ol { margin: 0 0 0 40px;边距:0 0 0 2.5rem；} dl { 边距:0 0 10px 20px;保证金:0 0 0.625rem 1.25rem；} dt, dd { 显示:列表项；} dt { 列表样式类型:方形；字体粗细:粗体；} dd { 列表样式类型:圆；左边距:20px；左边距:1.25rem；} 选择 { 最大宽度:100%;}/***** 标题 *****/.header-wrap { 背景:#fff;}.logo-wrap { 填充:10px;填充:0.625rem；溢出:隐藏；} .logo { 显示:内联块；边距:20px 15px；} .logo a { 文字装饰:无；} .logo-name { 文本转换:大写；文本阴影:1px 2px 5px #969696;边框底部:3px 实心 #000；显示:内联块；} .logo-desc { 字体大小:14px;字体大小:0.875rem；颜色:#979797；边距顶部:5px；文本对齐:居中；}/***** 导航 *****/.main-nav { 背景:#2a2a2a;文本转换:大写；边框底部:5px 实心 #e64946;} .main-nav li { 浮动:左；位置:相对；左边框:1px 实心 #000；-webkit-transition:背景 0.6s 缓出；-moz-transition:背景 0.6 秒缓出；过渡:背景 0.6 秒缓出；} .main-nav li:first-child { 边界:无；} .main-nav li:hover { 背景:#e64946;} .main-nav li a { display: block;颜色:#fff;填充:0.416em 1em；文字装饰:无；} .main-nav ul li:hover >ul { 显示:块；背景:#2a2a2a；z-索引:9999；} .main-nav ul ul { 显示:无；位置:绝对；} .main-nav ul ul li { 宽度:13em;边界:无；} .main-nav ul ul { left: 100%;顶部:0；} .main-nav .current-menu-item { 背景:#e64946;} .slicknav_menu { 显示:无；}/***** SlickNav 移动菜单核心样式 *****/.slicknav_btn { 位置:相对；显示:块；垂直对齐:中间；浮动:对；填充:0.438rem 0.625rem；行高:1.125rem；光标:指针；} .slicknav_menu .slicknav_menutxt { 显示:块；行高:1.125rem；向左飘浮;} .slicknav_menu .slicknav_icon { 浮动:左；保证金:0.188rem 0 0 0.438rem；} .slicknav_menu .slicknav_no-text { 边距:0;} .slicknav_menu .slicknav_icon-bar { 显示:块；宽度:1.125rem；高度:0.125rem；-webkit-border-radius: 1px;-moz-border-radius: 1px;边框半径:1px；-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);} .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188rem } .slicknav_nav { clear: both;} .slicknav_nav ul, .slicknav_nav li { 显示:块；} .slicknav_nav .slicknav_arrow { 字体大小:0.8rem;边距:0 0 0 0.4rem；} .slicknav_nav .slicknav_item { 显示:块；光标:指针；} .slicknav_nav a { display: block;} .slicknav_nav .slicknav_item a { display: inline;} .slicknav_menu:before, .slicknav_menu:after { content: " ";显示:表；} .slicknav_menu:after { clear: both;} .slicknav_menu { *缩放:1;}/***** SlickNav 用户默认样式 *****/.slicknav_menu { 字体大小:13px;字体大小:0.8125rem；} .slicknav_btn { 边距:0 5px;文字装饰:无；背景:#e64946；} .slicknav_menu .slicknav_menutxt { 颜色:#fff;字体粗细:粗体；} .slicknav_menu .slicknav_icon-bar { 背景:#f5f5f5;} .slicknav_menu { 背景:#e64946;边框底部:2px 实心 #2a2a2a;} .slicknav_nav { 字体大小:16px;字体大小:1rem；字体粗细:600；颜色:#fff;边距:0；填充:0；底边距:20px；} .slicknav_nav, .slicknav_nav ul { 列表样式:无；溢出:隐藏；} .slicknav_nav ul { 填充:20px 0 0 15px;边框顶部:2px 实心 #2a2a2a;} .slicknav_nav ul ul { 边界:0;填充:0 0 0 15px；} .slicknav_nav .slicknav_item { 填充:5px 10px;边距:2px 5px；} .slicknav_nav a { padding: 5px 10px;边距:2px 5px；文字装饰:无；颜色:#fff;} .slicknav_nav .slicknav_item a { padding: 0;边距:0；} .slicknav_nav .slicknav_item:hover { 背景:#e64946;颜色:#fff;} .slicknav_nav a:hover { 背景:#e64946;颜色:#fff;} .slicknav_nav .slicknav_txtnode { margin-left: 15px;}/***** FlexSlider 浏览器重置 *****/.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { 大纲: 无;} .slides, .flex-control-nav, .flex-direction-nav { margin: 0;填充:0；列表样式:无；}/***** FlexSlider 默认样式 *****/.flexslider {边距:0；填充:0；}.flexslider .slides >li { 显示:无；-webkit-backface-visibility:隐藏；} .flexslider .slides img { 显示:块；} .flex-pauseplay span { 文本转换:大写；} .slides:after { content: ".";显示:块；清楚:两者；可见性:隐藏；行高:0；高度:0；} html[xmlns] .slides { 显示:块；}* html .slides { 高度:1%；}.flex-direction-nav { *height: 0;}.flex-direction-nav a { 宽度:30px;高度:30px；边距:-12px 0 0;显示:块；背景: url(images/bg_direction_nav.png) 不重复 0 0；位置:绝对；顶部:50%；z-索引:10；光标:指针；文本缩进:-9999px；不透明度:0；-webkit-transition:所有 .3s 轻松；} .flex-direction-nav .flex-next { 背景位置:100% 0;右:-36px；显示:无；} .flex-direction-nav .flex-prev { 左:-36px;显示:无；} .flex-direction-nav .flex-disabled { opacity: 0.3 !important;过滤器:阿尔法(不透明度= 30)；光标:默认；} .flexslider:hover .flex-next { 不透明度:0.8;右:5px；显示:块；} .flexslider:hover .flex-prev { 不透明度:0.8;左:5px；显示:块；} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1;} .flex-control-nav { 宽度:100%;位置:绝对；底部:6px；文本对齐:居中；} .flex-control-nav li {边距:0 6px;显示:内联块；缩放:1；*显示:内联；} .flex-control-paging li a { width: 11px;高度:11px；显示:块；背景:#666；背景:rgba(0, 0, 0, 0.5);光标:指针；文本缩进:-9999px；-webkit-border-radius: 20px;-moz-border-radius: 20px;-o-border-radius: 20px;边框半径:20px；box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);} .flex-control-paging li a:hover { 背景:#333;背景:rgba(0, 0, 0, 0.7);} .flex-control-paging li a.flex-active { 背景:#000;背景:rgba(0, 0, 0, 0.9);光标:默认；}/***** FlexSlider 自定义样式 *****/.flexslider { 位置:相对；缩放:1；} .flex-viewport { 最大高度:2000px;-webkit-transition:全 1s 轻松；-moz-transition:全 1s 轻松；过渡:全 1s 缓解；} .loading .flex-viewport { max-height: 300px;} .flexslider .slides { 缩放:1;} .no-js .slides >li:first-child { 显示:块；} .slider-normal { 宽度:620px;最大宽度:100%；} .slide-caption { 宽度:25em;最大宽度:100%；位置:绝对；背景:#2a2a2a；颜色:#fff;顶部:0；右:0；边框底部:3px 实心 #e64946;不透明度:0.6；过滤器:阿尔法(不透明度= 60)；} .slide-wrap:hover .slide-caption { 不透明度:1;过滤器:alpha(不透明度=100)；} .slide-title { 颜色:#fff;底边距:10px；底边距:0.625rem；} .slide-title:hover { 颜色:#e64946;} .slide-data { 填充:10px;填充:0.625rem；}/***** 帖子/页面 *****/.post-header { margin-bottom: 20px;底边距:1.25rem；} .entry-title { padding-bottom: 3px;填充底部:0.1875rem；} .page-title-top, .subheading-top { border-bottom: 3px solid #2a2a2a;} .page-title { 字体大小:24px;字体大小:1.5rem；颜色:#fff;填充:0px 10px 3px；填充:0rem 0.625rem 0.1875rem；底边距:20px；底边距:1.25rem；背景:#e64946；显示:内联块；} .subheading { 字体大小:15px;字体大小:0.9375rem；颜色:#fff;行高:1.3；字体粗细:400；底边距:10px；底边距:0.625rem；填充:2px 7px 3px；填充:0.125rem 0.4375rem 0.1875rem；背景:#e64946；显示:内联块；} .meta, .meta a { font-size: 13px;字体大小:0.8125rem；颜色:#979797；} .post-meta { margin-top: 10px;边距顶部:0.625rem；填充:5px；填充:0.3125rem；边框顶部:1px 实心 #ebebeb；边框底部:1px 实心 #ebebeb；} .post-meta a { 颜色:#979797;字体粗细:600；} .post-meta a:hover { 颜色:#e64946;} .post-thumbnail { margin-bottom: 20px;底边距:1.25rem；} .post-thumbnail img { 宽度:100%;} .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry p, .entry blockquote, .entry .flex-vid, .entry row, .entry .mh-video-容器{边距底部:20px；底边距:1.25rem；} .entry blockquote p:last-child { margin: 0;} .entry a { 颜色:#e64946;} .post-tags { margin-bottom: 20px;底边距:1.25rem；} .post-tags li { 浮动:左；边距:0px 6px 6px 0px；保证金:0rem 0.375rem 0.375rem 0rem；背景:#555555；} .post-tags li:hover { 背景:#e64946;} .post-tags a, .post-tags a:hover { color: #fff;填充:2px 10px；填充:0.125rem 0.625rem；显示:块；文字装饰:无；} .section-title { 填充:10px;填充:0.625rem；底边距:20px；底边距:1.25rem；背景:#f6f6f6；边框:1px 实心 #d7d8d8;} 粘性{}/***** 作者框 *****/.author-box { 行高:1.5；底边距:20px；底边距:1.25rem；背景:#f7f7f7；边框顶部:3px 实心 #e64946;边框底部:3px 实心 #e64946;} .author-box-wrap { 填充:10px;} .author-box-avatar { 浮动:左；右边距:10px；} .author-box-name { margin-bottom: 10px;}/***** 循环/档案/搜索结果 *****/.loop-wrap { padding-bottom: 20px;填充底部:1.25rem；底边距:20px；底边距:1.25rem；边框底部:1px 实心 #ebebeb；} .loop-data { margin-bottom: 10px;底边距:0.625rem；} .loop-thumb { 浮动:左；右边距:20px；} .cat-desc { margin-bottom: 30px;保证金底部:1.875rem；填充:20px；填充:1.25rem；背景:#f7f7f7；边框顶部:3px 实心 #e64946;边框底部:3px 实心 #e64946;}/***** 分页 *****/.post .pagination { padding-bottom: 20px;填充底部:1.25rem；} .page-numbers { 填充:5px 10px;填充:0.3125rem 0.625rem；背景:#eee;显示:内联块；} .page-numbers:hover, .current, a:hover .pagelink { 背景:#e64946;颜色:#fff;文字装饰:无；} .page-numbers a { display: block;} .pagelink { 填充:5px 10px;填充:0.3125rem 0.625rem；背景:#e64946；颜色:#fff;} a .pagelink { 背景:#eee;颜色:#444；} .post-nav a { font-size: 15px;字体大小:0.9375rem；}/***** 页脚 *****/页脚{字体大小:13px；字体大小:0.8125rem；颜色:#fff;填充:20px；填充:1.25rem；背景:#2a2a2a；} 页脚 a { 颜色:#f7f7f7;} .copyright-wrap { 背景:#2a2a2a;边框顶部:3px 实心 #999；} .copyright { 字体大小:11px;字体大小:0.6875rem；填充:2px 10px；填充:0.125rem 0.625rem；颜色:#999；} .copyright a { 颜色:#999;}/***** 图像/视频 *****/img { 最大宽度:100%；宽度:自动\9；/* ie8 */高度:自动；垂直对齐:底部；} iframe, embed, object, video { max-width: 100%;} .mh-video-container { 位置:相对；填充底部:56.25%；填充顶部:30px；高度:0；溢出:隐藏；} .mh-video-container iframe, .mh-video-container 对象, .mh-video-container embed { position: absolute;顶部:0；左:0；宽度:100%；高度:100%；边框:0；} .alignnone { 显示:块；边距:20px 0;保证金:1.25rem 0；} .aligncenter { 显示:块；边距:20px 自动；保证金:1.25rem 自动；} .alignleft { 显示:内联；向左飘浮;边距:5px 20px 20px 0；保证金:0.3125rem 1.25rem 1.25rem 0；} .alignright { 显示:内联；浮动:对；边距:5px 0 20px 20px；保证金:0.3125rem 0 1.25rem 1.25rem；} } .wp-caption { 最大宽度:100%;} .wp-caption-text { 字体大小:12px;字体大小:0.75rem；字体粗细:700；行高:1.4；颜色:#000；边距顶部:5px；边距顶部:0.3125rem；显示:块；} .alignnone .wp-caption-text, .aligncenter .wp-caption-text, .alignleft .wp-caption-text, .alignright .wp-caption-text { margin-bottom: 0;} .gallery dl { 边距:0;} .gallery dt { 列表样式:无；} .gallery-caption { 位置:相对；显示:无；}/***** 表格 *****/表格{宽度:100%；底边距:20px；底边距:1.25rem；左边框:1px 实心#ebebeb；边框顶部:1px 实心 #ebebeb；} td, th { 填充:5px 10px;填充:0.3125rem 0.625rem；右边框:1px 实心 #ebebeb；边框底部:1px 实心 #ebebeb；} th { 背景色:#f9f9f9;字体粗细:600；颜色:#000；}/***** 小部件 *****/.widget-title, .footer-widget-title { margin-bottom: 20px;底边距:1.25rem；} .footer-widget-title { 颜色:#fff;} .widget-title, .footer-widget-title { border-bottom: 3px solid #e64946;填充底部:3px；} .sb-widget, .footer-widget { margin-bottom: 20px;底边距:1.25rem；溢出:隐藏；}/***** MH 自定义帖子小工具 *****/.sb-widget .cp-wrap { 填充:15px 0px;填充:0.9375rem 0rem；边框底部:1px 实心 #ebebeb；} .footer-widget .cp-wrap { 填充:5px 0px;填充:0.3125rem 0rem；边框底部:1px 实心 #454545；} .cp-widget li:first-child { padding-top: 0;} .cp-thumb { 浮动:左；右边距:10px；右边距:0.625rem；} .cp-widget-title { font-weight: 700;行高:1.3；} .cp-small .meta { 字体大小:11px;字体大小:0.6875rem；} .home-wide .cp-small { float: left;宽度:50%；最小高度:55px；} .home-wide .cp-small .cp-data { margin-right: 10px;} .home-wide .cp-widget .cp-small:first-child { padding-top: 15px;填充顶部:0.9375rem；}/***** 默认 WordPress 小部件 *****/.sb-widget .menu >.menu-item, .sb-widget .cat-item { padding: 5px 0px;填充:0.375rem 0rem；边框底部:1px 实心 #ebebeb；} .footer-widget .menu >.menu-item, .footer-widget .cat-item { padding: 5px 0px;填充:0.3125rem 0rem；边框底部:1px 实心 #454545；} .sb-widget .menu-item:first-child, .sb-widget .cat-item:first-child, .footer-widget .menu-item:first-child, .footer-widget .cat-item:first-child { 填充顶部:0;} .sb-widget .menu-item, .sb-widget .cat-item, .footer-widget .menu-item, .footer-widget .cat-item { line-height: 1.3;} #wp-日历标题{ 文本对齐:左；填充:10px；填充:0.625rem；背景:#f7f7f7；} #wp-calendar th, #wp-calendar td { padding: 5px 10px;填充:0.3125rem 0.625rem；文本对齐:居中；} #wp-calendar th { font-weight: 300;} #wp-calendar #prev { 文本对齐:左；} .tagcloud a { 边距:2px;保证金:0.125rem；填充:2px 10px；填充:0.125rem 0.625rem；颜色:#666；空白:nowrap；显示:内联块；} .sb-widget .tagcloud a { 背景:#f6f6f6;} .footer-widget .tagcloud a { 背景:#000;} .tagcloud a:hover, .sb-widget .tagcloud a:hover, .footer-widget .tagcloud a:hover { color: #fff;背景:#e64946；文字装饰:无；}/***** 注释 *****/.no-comments { padding: 10px;填充:0.625rem；边距顶部:20px；边距顶部:1.25rem；背景:#f6f6f6；边框:1px 实心 #d7d8d8;} .commentlist { 底边距:40px;底边距:2.5rem；列表样式:无；} .commentlist .comment .vcard { 行高:2.5;填充:10px 0px;填充:0.625rem 0rem；底边距:20px；底边距:1.25rem；边框顶部:1px 实心 #ebebeb；边框底部:1px 实心 #ebebeb；} .commentlist .comment .avatar { 宽度:2.5em;高度:2.5em；填充:2px；填充:0.125rem；右边距:6px；右边距:0.375rem；背景:#fff;边框:1px 实心 #f7f7f7;垂直对齐:中间；} .commentlist .bypostauthor .vcard { border-left: 3px solid #e64946;} .commentlist .bypostauthor .avatar { margin-left: 6px;左边距:0.375rem；} .commentlist .children { 列表样式:无；} .commentlist h1, .commentlist h2, .commentlist h3, .commentlist h4, .commentlist h5, .commentlist h6 { margin-bottom: 20px;底边距:1.25rem；} .comment-text p, .comment-text blockquote { margin-bottom: 20px;底边距:1.25rem；} .comment-text blockquote p:last-child { margin: 0;} .comment-info { 颜色:#e64946;边距:20px 0px;保证金:1.25rem 0rem；} .comments-pagination { margin-bottom: 20px;底边距:1.25rem；} .pinglist { margin-bottom: 20px;底边距:1.25rem；} .pinglist .pings:first-child { border-top: 1px solid #ebebeb;} .pinglist .pings { 行高:2.5;填充:10px 0px;填充:0.625rem 0rem；边框底部:1px 实心 #ebebeb；}/***** 形式 *****/输入 { 字体大小:12px;字体大小:0.75rem；填充:5px；填充:0.3125rem；边框:1px 实心 #d7d8d8;-webkit-transition:所有 0.25 秒的缓入缓出；-moz-transition:所有 0.25 秒的缓入缓出；过渡:所有 0.25 秒的缓入缓出；} input[type=text] { 宽度:60%;} input[type=text]:hover, textarea:hover { border: 1px solid #e64946;} input[type=submit] { min-width: 75px;颜色:#fff;填充:5px 10px；填充:0.3125rem 0.625rem；背景:#e64946；文字装饰:无；光标:指针；显示:内联块；-webkit-transition:所有 0.1s 线性；-moz-transition:所有 0.1s 线性；过渡:全0.1s线性；边框:0；-webkit 外观:无；} input[type=submit]:hover { 背景:#2a2a2a;} textarea { 宽度:96%;行高:1.5；填充:5px；填充:0.3125rem；边框:1px 实心 #d7d8d8;}/***** 意见表 *****/#response { 填充:10px;填充:0.625rem；背景:#f6f6f6；边框:1px 实心 #d7d8d8;} #respond h3 { margin-bottom: 20px;底边距:1.25rem；} #commentform p { margin-bottom: 10px;底边距:0.625rem；} #cancel-comment-reply-link { 字体大小:12px;字体大小:0.75rem；背景:#e64946；填充:5px；填充:0.3125rem；颜色:#fff;} #cancel-comment-reply-link:hover { 背景:#2a2a2a;文字装饰:无；} .required { 颜色:#e64946;}/***** 联系表 7 *****/.wpcf7-form { 字体大小:12px;字体大小:0.75rem；填充:10px；填充:0.625rem；边框:1px 实心 #d7d8d8;背景:#f7f7f7；} .wpcf7-form input[type=email] { 宽度:60%;} .wpcf7-form input[type=email]:hover { border: 1px solid #e64946;} .wpcf7-form p { margin-bottom: 10px;底边距:0.625rem；} .wpcf7-response-output { 背景:#fff;}/***** 搜索表单 *****/#searchform { 填充:5px;填充:0.3125rem；背景:#f6f6f6；边框:1px 实心#ebebeb；溢出:隐藏；} #searchform #s { 宽度:100%;字体大小:12px；字体大小:0.75rem；颜色:#444；背景:无；边界:无；} #searchform #s:focus { 大纲:无；} #searchsubmit { 显示:无；}/***** 简码 *****/.ad-label { 字体大小:10px;字体大小:0.625rem；}/***** 媒体查询 *****/@media 屏幕和(最大宽度:1000 像素){.mh-容器 { 宽度:768px;边距:0 自动；}.mh-content { 宽度:488px;}.mh-sidebar, .hp-sidebar { width: 220px;}.hp-sidebar-left, .hp-sidebar-right { 宽度: 234px;} } @media 屏幕和(最大宽度:767px){.mh-容器 { 宽度:90%；最小宽度:300px；}[class*='col-'], .mh-content, .mh-right-sb #main-content, .mh-left-sb #main-content, .mh-sidebar, .hp-sidebar { width: 100%;边距:0；}.mh-sidebar { margin-top: 20px;}.logo-wrap { border-bottom: 2px solid #ebebeb;}.home-wide .cp-small { 浮动:无；宽度:100%；最小高度:0；}.home-wide .cp-small .cp-data { margin-right: 0;}.home-wide .cp-widget .cp-small:first-child { padding-top: 0;}.slide-wrap img { 宽度:100%;}.js .slicknav_menu { 显示:块；}.js .main-nav { 显示:无；}}@media 屏幕和(最大宽度:620px){.logo-wrap { 文字对齐:居中；}.logo-name { 字体大小:24px;字体大小:1.5rem；}.logo-desc { 字体大小:14px;字体大小:0.875rem；}.loop-thumb { 浮动:无；边距:0 0 20px；}.slide-caption { 位置:相对；宽度:100%；底部:0；顶部:自动；边框顶部:3px 实心 #e64946;边框底部:无；不透明度:1；}.flex-control-nav { 显示:无；}.commentlist ul, .commentlist ol, .commentlist ul, .commentlist ol ol { margin: 0 0 20px 0;边距:0 0 1.25rem 0；} }

最终，我想在 is_page(dividend-dashboard) 时将主要内容扩展到 980 px 的宽度.

感谢任何指导.

解决方案

试一试.

PHP:

<?php $mh_magazine_lite_options = mh_magazine_lite_theme_options();?><?php get_header();?><div class="mh-wrapper clearfix"><div id="main-content" class="mh-content <?php if ( is_page('dividend-dashboard') ) {echo "wide";} ?>"><?php如果 (have_posts()) :mh_before_page_content();while (have_posts()) : the_post();?><div <?php post_class();?>><div class="entry clearfix"><?php the_content();?>

</div><?php终了；如果 (isset($mh_magazine_lite_options['comments_pages']) ? $mh_magazine_lite_options['comments_pages'] : false) :评论模板()；万一;万一;?>