Community Forums › Forums › Archived Forums › Design Tips and Tricks › Prose The Full Width Nav and Footer – where i made a mistake
- This topic has 3 replies, 2 voices, and was last updated 11 years, 2 months ago by Ajitelev.
-
AuthorPosts
-
August 31, 2013 at 5:47 pm #59964AjitelevMember
Hello all,
As mention in the subject am using Prose Theme.i have 3 issue
1) Need to make Nav menu Full Width
presently it looks like
2) As i know Prose is having Footer out of main Wrap.
mine is like this
need to make footer as well oh full width.3) How we can do like this in our content
Code i already have
custom css:`/** Do not remove this line. Edit CSS below. *//* Customization for Read More Link... */
.more-link {
background: #99ccff;
font-color: #fff;
float: right;
font-size: 15px;
font-weight: bold;
margin: 16px 0 16px 0px;
padding: 3px 7px 3px 7px;
text-decoration: none;
text-transform: none;
}
#header {
height: 130px;
}
body {
width: 100%;
}
#wrap {
width: 81%;
margin: 0 auto;
}
#header {
background-position: top center !important;
max-width: 100%;
}
#header .wrap {
width: 1122px;
margin: 0 auto;
max-width: 100%;
}
}
#subnav {
width: 100%;
}
#subnav ul {
width: 1076px;
margin: 0 auto;
float: none;
}
#inner {
clear: both;
margin: 1px auto 0;
width: 1010px;
max-width: 100%;
}
#footer {
width: 1010px;
margin: 0 auto;
}
#footer-widgets .wrap {
width: 1010px;
margin: 0 auto;
max-width: 100%;
}
/* style.css */
.content-sidebar #content,
.sidebar-content #content {
width: 670px; /* edit the width */
}
.sidebar .widget {
margin: 0 0 15px;
}
#inner {
width: 1020px;
padding: 0 20px;
}
.content-sidebar #content-sidebar-wrap {
width: 1020px;
}
.content-sidebar #content {
width: 680px;
}
.sidebar {
width: 290px;
}/* Customization for authorbox... */
.author-box {
background-color: #E3F1FF;
border: 1px solid #ddd;
margin: 0 0 40px;
overflow: hidden;
padding: 10px;
}
.author-box p {
font-size: 14px;
}Custom Function.php :
<?php
/** Do not remove this line. Edit functions below. */
// Read More changed to Continue Reading
add_filter( 'excerpt_more', 'child_read_more_link' );
add_filter( 'get_the_content_more_link', 'child_read_more_link' );
add_filter( 'the_content_more_link', 'child_read_more_link' );
function child_read_more_link() {
return '<a class="more-link" href="' .
get_permalink() .
'" rel="nofollow">[Continue Reading]</a>';
}
//* Display author box on single posts
add_filter( 'get_the_author_genesis_author_box_single', '__return_true' );//* Customize the author box title
http://www.bloggingsaga.com
add_filter( 'genesis_author_box_title', 'custom_author_box_title' );
function custom_author_box_title() {
return '<strong>Here I am, Yes the Author and Admin - Ajit Tiwari</strong>';
}
//* Modify the size of the Gravatar in the author box
add_filter( 'genesis_author_box_gravatar_size', 'author_box_gravatar_size' );
function author_box_gravatar_size( $size ) {
return '90';
}
/** Reposition header outside main wrap */
remove_action( 'genesis_header', 'genesis_header_markup_open', 5 );
remove_action( 'genesis_header', 'genesis_do_header' );
remove_action( 'genesis_header', 'genesis_header_markup_close', 15 ) ;
add_action( 'genesis_before', 'genesis_header_markup_open', 5 );
add_action( 'genesis_before', 'genesis_do_header' );
add_action( 'genesis_before', 'genesis_header_markup_close', 15 );
`
For your reference here is site link:August 31, 2013 at 8:32 pm #59989Sridhar KatakamParticipantAugust 31, 2013 at 10:04 pm #60001AjitelevMemberHello sridhar,
adding above mention code, the width of whole site increase,September 4, 2013 at 8:55 am #60628AjitelevMemberBump for today.....
full width nav
footer outside of main wrap -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.