WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > WEB DESIGN > CSS > Full-width page Wordpress

Reply
  Thread Tools Display Modes
Old 19th October 15, 11:48 AM   #1
saskiaweather
WLC Member
 
Join Date: Oct 2015
Posts: 1
Default Full-width page Wordpress

I am trying to create a full-width page using the Nirvana theme in Wordpress. I have been searching for days for a solution but haven't found one, so very frustrated now.

The problem is that the page does show full-width at smaller screens (like 15 inch), but shows two white sidebars for larger screens (like 23 inch). Only for the main content, the header and footer are full-width.

Part of the style.css which I think controls the container is posted below, any help is very much appreciated


/*
Theme Name: Nirvana
Theme URI: http://www.cryoutcreations.eu/nirvana
Author: Cryout Creations
Version: 1.1.3
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Copyright 2014-15 Cryout Creations
This theme, like WordPress, is licensed under the GPL.
*/

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

body {
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: grayscale;
}
ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

h1, h2, h3, h4, h5, h6 {
clear: both;
font-weight: normal;
}

#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 {
clear: none;
}

#content .entry-content h1 { font-size: 32px; }
#content .entry-content h2 { font-size: 28px; }
#content .entry-content h3 { font-size: 24px; }
#content .entry-content h4 { font-size: 20px; }
#content .entry-content h5 { font-size: 16px; }
#content .entry-content h6 { font-size: 12px; }

.entry-content blockquote {
display: table;
padding: 20px;
margin: 0 auto;
width: auto;
font-style: italic;
clear: both;
float: none;
position: relative;
font-weight: bold;
}

.entry-content blockquote:before {
position: absolute;
left: 0;
top: 0;
content: '\e80f';
font-family: 'elusive';
font-size: 1em;
color: rgba(0,0,0,.05);
z-index: 0;
}

.entry-content blockquote:after {
position: absolute;
right: 0;
bottom: 0;
content: '\e80f';
font-family: 'elusive';
font-size: 1em;
color: rgba(0,0,0,.05);
z-index: 0;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}

#content blockquote p{
margin-bottom: 0;
}

del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

a img {
border: none;
}

/* =Layout
-------------------------------------------------------------- */

#container {
float: none;
margin: 0;
width: 100%;
}

#content {
margin-bottom: 0px;
}

.sidey {
display: block;
float: left;
}

#footer {
clear: both;
width: 100%;
}

/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
div.menu,
#colophon,
#branding,
#main,
#header {
margin: 0 auto;
}

#forbottom {
clear: both;
display: block;
margin: 0px auto;
padding: 20px 0;
min-height: 400px;
}

#masthead {
background-position: 50% top;
background-repeat: repeat-x;
}
#branding {
display: block;
clear: both;
height: 75px;
padding: 0;
position: relative;
overflow: hidden;
margin: 0 auto;
}
a#logo {
display: inline;
height: 100%;
}

#linky {
background-image: url('data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAE AAAICTAEAOw==');
display: block;
width: 100%;
height: 100%;
}

/* Structure the footer area */
#footer-widget-area {
overflow: hidden;
}

.footerfour .widget-area {
float: left;
margin-right: 2%;
width: 23.5%;
}

.footerthree .widget-area {
float: left;
margin-right: 2%;
width: 32%;
}

.footertwo .widget-area {
float: left;
margin-right: 2%;
width: 49%;
}

.footerone .widget-area {
float: left;
width: 100%;
}

.footertwo #second, .footerthree #third, .footerfour #forth {
margin-right: 0%;
}

#footer-widget-area #fourth {
margin-right: 0;
}

#site-generator {
float: right;
width: 220px;
}

/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body,
input,
textarea {
font-size: 12px;
line-height: 1.5em;
}

hr {
border: 0;
clear: both;
height: 1px;
}

/* Text elements */
.entry-content ul {
margin-left: 1.6em;
}

.entry-content ul li,
.entry-content ol li {
padding: 2px 0;
}

.entry-content ul > li {
list-style: disc;
}

.entry-content ol > li {
text-indent: 0px;
}

.entry-content li li {
margin-left: 15px;
}

ol {
list-style: decimal;
margin-left: 1.8em;
}

ol ol {
list-style: upper-alpha;
}

ol ol ol {
list-style: lower-roman;
}

ol ol ol ol {
list-style: lower-alpha;
}

ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom: 0;
}

dl {
margin: 0 0 24px 0;
}

dt {
font-weight: bold;
}

strong {
font-weight: bold;
}
cite,
em,
i {
font-style: italic;
}

big {
font-size: 131.25%;
}

ins {
text-decoration: none;
}

pre {
line-height: 18px;
padding: 1.5em;
}

abbr,
acronym {
border-bottom: 1px dotted transparent;
cursor: help;
}

sup,
sub {
height: 0;
line-height: 1;
position: relative;
}

textarea,
select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"]{
border: 1px solid transparent;
padding: 5px 5px;
-moz-transition: background-color .2s;
-o-transition: background-color .2s;
-webkit-transition: background-color .2s;
transition: background-color .2s;
font-family: inherit;
background: transparent;
}

input[type="file"] {
border-color: transparent !important;
}

input::-moz-focus-inner{ /*Remove button padding in FF*/
border: 0;
padding: 0;
}

a:link,a:visited {
text-decoration: none;
}

/* Text meant only for screen readers */
.screen-reader-text {
position: absolute;
left: -9000px;
}


/* =Content
-------------------------------------------------------------- */

#main {
clear: both;
padding: 0px ;
margin-top: 20px;
}

#content,
#content input,
#content textarea {
font-size: inherit;
line-height: initial;
}

.entry-meta a,
.widget-container a,
.footer2 a {
border-bottom: 1px dotted transparent;
}

#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
margin-bottom: 0;
}

#content pre,
#content kbd,
#content tt,
#content var {
font-size: 15px;
line-height: 1.5em;
overflow: auto;
font-family: "Courier New",Courier,monospace !important;
}

#content code {
font-size: 14px;
}

#content dt,
#content th {
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
line-height: 1.5em;
margin: 20px 0 0;
}

#content table {
border: 0;
margin: 0 0px 24px 0;
text-align: left;
width: 100%;
vertical-align: top;
}

#content tr {
vertical-align: top;
}

#content .alternate {}

#content tr th,
#content thead th {
padding: 9px 24px;
font-weight:600;
}

#content tr td {
border-top: 1px solid transparent;
padding: 6px 24px;
}

#content tr td:last-child, #content tr th:last-child {
border-right: none;
}

#content tr.odd td {}

.page-header {
display: block;
float: none;
padding: 10px 0px;
}

.page-header .category-archive-meta {
padding-top: 5px;
}

.page-title {
font-size: 16px;
font-weight: bold;
display: block;
border-bottom: 1px solid transparent;
}

.page-title-text {
display: inline-block;
border-bottom: 1px solid transparent;
padding: 3px 0 3px 6px;
margin-bottom: -1px;
}

.page-title span {
font-size: 16px;
font-style: italic;
font-weight: normal;
display: inline-block;
margin-bottom: -4px;
padding: 6px;
border-bottom: 1px solid transparent;
}

.page-title a:link,
.page-title a:visited {
text-decoration: none;
}

.page-title a:active,
.page-title a:hover {
}

#content .entry-title {
font-weight: 300;
line-height: 1.3em;
padding: 0px;
margin: 0px;
word-wrap: break-word;
}

.entry-title a {
font-weight: 300;
}

.entry-title a:link,
.entry-title a:visited {
color: inherit;
text-decoration: none;
}

.entry-title a:active,
.entry-title a:hover {
}

#content > h1.entry-title {
margin-bottom: 10px;
}

.entry-meta {
display: block;
font-size: 12px;
clear: both;
overflow: hidden;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
margin: 4px 0 8px 0;
padding: 7px 4px;
}

div > footer.entry-meta {
border:0;
}
saskiaweather is offline   Reply With Quote
Reply


Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 04:12 PM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyrightę 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.