Need help? Check out our Support site, then


Unable to center featured image on Ever After Theme

  1. My featured images are not centered - could someone please help me center them?

    Also, the four columns at the bottom do not work - I am adding a widget to Column 2 and 3 (out of 4) but they look like they both show up in the far left column. Could someone please help?

    The blog I need help with is snapshotsandmythoughts.com.

  2. Also, the Ever After theme shows up very skewed on my iPhone - is this a common issue?

  3. Sorry - I figured out the iPhone issue.

    Another request is to add the Text Widget with icons linking to Instagram, Twitter, Bloglovin under my menu bar. Is that possible?

    Lastly, I want to add a custom image from Shutterstock. Before I buy it, I want to make sure that the image (5184x3456) will not have to be repeated or tiled if I add it to the background.

    Thank you!

  4. If I could reduce the space between the header and the menu bar, that would be great. In case this helps, my CSS code is:

    body {
    font:14px Georgia, Times, Serif;
    line-height:1.5;
    color:#7a7a7a;
    }

    h1,h2,h3,h4,h5,h6 {
    margin:0;
    font-family:Arial, Helvetica, Sans-serif;
    color:#000;
    }

    h1,h2,h3 {
    font-family:Rockwell, Georgia, Palatino Linotype, Palatino, "Times New Roman", Times, serif;
    }

    h1 {
    font-size:30px;
    }

    h2 {
    font-size:24px;
    }

    h3 {
    font-size:20px;
    }

    h4 {
    font-size:18px;
    }

    h5 {
    font-size:14px;
    }

    h6 {
    font-size:12px;
    }

    p {
    margin:0;
    }

    h1 a:link,h1 a:visited,h2 a:link,h2 a:visited,h3 a:link,h3 a:visited,h4 a:link,h4 a:visited,h5 a:link,h5 a:visited,h6 a:link,h6 a:visited {
    text-decoration:none;
    }

    h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
    text-decoration:underline;
    }

    .col-left {
    float:left;
    }

    .col-right {
    float:right;
    }

    #footer .col-right {
    float:left;
    text-align:right;
    }

    #footer .col-left,#footer .col-right {
    width:940px;
    }

    .col-full {
    margin:0 auto;
    width:1000px;
    }

    #navigation {
    text-transform:uppercase;
    font-size:11px;
    background-color:#000;
    }

    .nav,.nav ul,#header .menu,#header .menu ul {
    z-index:100;
    margin:0;
    padding:0;
    list-style:none;
    line-height:1;
    }

    .nav li,#header .menu li {
    float:left;
    width:auto;
    }

    .nav li ul,#header .menu li ul {
    position:absolute;
    left:-999em;
    width:160px;
    }

    .nav li ul li,#header .menu li ul li {
    border:1px solid #d8d8d8;
    background:#FFF;
    border-width:0 1px 1px;
    }

    .nav li ul li a,#header .menu li ul li a {
    width:148px;
    line-height:25px!important;
    font-size:11px;
    color:#555;
    padding:0 0 0 10px;
    }

    .nav li ul ul,#header .menu li ul ul {
    margin:-26px 0 0 158px !important;
    }

    .nav li:hover ul ul,.nav li:hover ul ul ul,.nav li:hover ul ul ul ul,.nav li.sfhover ul ul,.nav li.sfhover ul ul ul,.nav li.sfhover ul ul ul ul,#header .menu li:hover ul ul,#header .menu li:hover ul ul ul,#header .menu li:hover ul ul ul ul,#header .menu li.sfhover ul ul,#header .menu li.sfhover ul ul ul,#header .menu li.sfhover ul ul ul ul {
    left:-999em;
    }

    .nav li:hover ul,.nav li li:hover ul,.nav li li li:hover ul,.nav li li li li:hover ul,.nav li.sfhover ul,.nav li li.sfhover ul,.nav li li li.sfhover ul,.nav li li li li.sfhover ul,#header .menu li:hover ul,#header .menu li li:hover ul,#header .menu li li li:hover ul,#header .menu li li li li:hover ul,#header .menu li.sfhover ul,#header .menu li li.sfhover ul,#header .menu li li li.sfhover ul,#header .menu li li li li.sfhover ul {
    left:auto;
    }

    .nav li:hover,.nav li.hover,#header .menu li:hover,#header .menu li.hover {
    position:static;
    }

    #catnav {
    width:620px;
    }

    #catnav a:link,#catnav a:visited {
    display:block;
    z-index:100;
    padding:0 20px 0 0;
    line-height:55px;
    font-family:Helvetica, Arial, sans-serif;
    text-decoration:none;
    color:#fff;
    }

    #catnav a:hover {
    text-decoration:underline;
    }

    #catnav li ul {
    margin-top:-15px;
    border-top:1px solid #d8d8d8;
    }

    #catnav li ul a:link,#catnav li ul a:visited {
    padding:0 0 0 10px;
    }

    #catnav li ul a:hover {
    color:#000!important;
    background:#d8d8d8;
    }

    #pagenav {
    margin-top:20px;
    min-width:300px;
    }

    #pagenav a {
    display:block;
    z-index:100;
    margin:0;
    padding:0 15px 10px;
    text-decoration:none;
    text-transform:uppercase;
    font-size:25px;
    font-family:Impact, Helvetica, arial, sans-serif;
    color:#000;
    }

    #pagenav li ul a:link,#pagenav li ul a:visited {
    padding:0 0 0 10px;
    font-family:Helvetica, Arial, sans-serif!important;
    font-size:14px;
    text-transform:none;
    border:none;
    }

    #pagenav li.rss a {
    padding-right:25px;
    }

    #topsearch {
    width:300px;
    line-height:0;
    }

    #topsearch #searchform_top {
    margin:14px 0 0;
    }

    #topsearch h3 {
    display:none;
    }

    #topsearch .widget {
    margin:0;
    }

    #header {
    padding:10px 0;
    clear:both;
    position:relative;
    }

    #logo {
    margin:-16px 0 0;
    }

    .site-title {
    font:72px/58px Impact, Helvetica, arial, sans-serif;
    text-transform:uppercase;
    margin:0;
    padding:16px 0 0;
    display:block;
    }

    .site-title a:link,.site-title a:visited {
    color:#000;
    text-decoration:none;
    }

    #description {
    width:620px;
    padding:0 20px 0 0;
    line-height:55px;
    font-family:Helvetica, Arial, sans-serif;
    text-decoration:none;
    color:#fff;
    }

    #header-image {
    clear:both;
    padding:12px 0 0;
    }

    #header-image img {
    border:5px solid #efefef;
    clear:both;
    }

    #content {
    min-height:550px;
    padding:0;
    }

    #content + #footer {
    margin-top:40px;
    }

    * html #content {
    height:550px;
    }

    #main {
    width:1000px;
    }

    #main.fullwidth {
    width:1000px;
    }

    #sidebar {
    width:0;
    overflow:hidden;
    }

    #extended-footer {
    margin:50px 0 0;
    padding:40px 0 10px;
    }

    .block {
    float:left;
    width:300px;
    padding:0 10px 0 0;
    }

    .one,.two {
    margin:0 9px 0 0;
    border-right:1px solid;
    }

    .three {
    padding:0;
    }

    #footer {
    font-family:Helvetica, Arial, sans-serif;
    font-size:11px;
    padding:20px 0;
    background-color:#000;
    color:#fff;
    text-transform:uppercase;
    }

    #footer a:link,#footer a:visited {
    color:#fff;
    }

    #footer p {
    margin:5px 0 0;
    }

    #footer #credit img {
    vertical-align:middle;
    }

    #footer #credit span {
    display:none;
    }

    img#wpstats {
    position:absolute;
    bottom:15px;
    left:-9999px;
    }

    #breadcrumb,.archive_header {
    font-family:Helvetica, Arial, sans-serif;
    display:block;
    margin:10px 0;
    padding:0 55px;
    font-size:18px;
    font-weight:bold;
    color:#000;
    }

    #breadcrumb {
    font-size:14px;
    font-weight:normal;
    padding:0;
    }

    .archive_header .catrss a {
    font-size:14px;
    text-decoration:none;
    line-height:28px;
    }

    .post,div.page {
    position:relative;
    margin:0 0 60px;
    padding:50px 55px;
    background-color:#fff;
    border:5px solid #efefef;
    }

    .post .title,.page .title {
    width:100%;
    position:relative;
    margin:0 0 30px;
    padding:0 0 25px;
    color:#000;
    border-bottom:1px solid #e7e7e7;
    font-size:32px;
    }

    .post .title a:link,.post .title a:visited,.page .title a:link,.page .title a:visited {
    color:#000;
    }

    .post .title a:hover,.page .title a:hover {
    text-decoration:none;
    }

    .post .date {
    position:absolute;
    top:30px;
    left:-40px;
    width:71px;
    height:60px;
    padding:10px 0 0;
    text-align:center;
    color:#fff;
    text-decoration:none;
    }

    .home .sticky .date {
    display:none;
    }

    .post .date .day {
    display:block;
    font-size:36px;
    line-height:32px;
    }

    .post .date .month {
    display:block;
    font-size:12px;
    text-transform:uppercase;
    font-weight:bold;
    }

    .post-meta {
    margin:30px 0 0;
    font-size:11px;
    color:#9F9F9F;
    border-top:1px solid #c4c4c4;
    border-bottom:1px solid #c4c4c4;
    }

    .post-meta li {
    float:left;
    width:154px;
    padding:10px 0 7px 10px;
    }

    .post-meta .single-author-meta li {
    width:239px;
    }

    .post-meta li + li {
    border-left:1px solid #e7e7e7;
    }

    .post-meta li.categories {
    border-right:1px solid #e7e7e7;
    }

    .post-meta .single-author-meta li.categories {
    border-right:none;
    }

    .attachment .post-meta li.author {
    border-left:1px solid #e7e7e7;
    border-right:1px solid #e7e7e7;
    }

    .attachment .single-author-image-meta li.comments {
    border-right:1px solid #e7e7e7;
    }

    .attachment .post-meta li.parent {
    border-right:1px solid #e7e7e7;
    }

    .post-meta li span {
    display:block;
    }

    .post-meta li .head {
    font-size:10px;
    text-transform:uppercase;
    font-weight:bold;
    font-family:Helvetica, Arial, sans-serif;
    color:#000;
    }

    .post-meta li .body,.post-meta li .body a:link,.post-meta li .body a:visited {
    font-size:13px;
    color:#7a7a7a;
    font-style:italic;
    text-decoration:none;
    }

    .post img.attachment-post-thumbnail {
    margin:0 0 20px;
    }

    .entry {
    overflow:hidden;
    width:100%;
    }

    .entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6 {
    margin:0 0 15px;
    }

    .entry p {
    margin:0 0 15px;
    }

    blockquote {
    padding:10px 30px;
    color:#666;
    font-style:italic;
    font-size:16px;
    }

    .entry ul {
    margin:0 0 15px;
    padding:0 0 0 30px;
    }

    .entry ul ul {
    margin:0;
    }

    .entry ul li {
    list-style-type:circle;
    }

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

    .entry ol {
    margin:0 0 15px;
    padding:0 0 0 30px;
    }

    .entry ol ol {
    margin:0;
    }

    .entry ol li {
    list-style-type:decimal;
    }

    .entry ol li ol li {
    list-style-type:lower-latin;
    }

    .entry table {
    border:1px solid #e7e7e7;
    margin:0 0 15px;
    width:100%;
    }

    .entry table th,.entry table td {
    padding:10px;
    text-align:center;
    }

    .entry table th {
    color:#000;
    font-family:Helvetica, Arial, sans-serif;
    font-size:10px;
    font-weight:bold;
    text-transform:uppercase;
    }

    .format-aside {
    padding-bottom:20px;
    padding-top:50px;
    }

    .format-aside .title {
    display:none;
    }

    .format-aside .date {
    background-image:none!important;
    color:#444;
    height:auto;
    left:55px;
    padding-top:0;
    top:20px;
    width:auto;
    }

    .format-aside .date:hover {
    text-decoration:underline;
    }

    .format-aside .date .day,.format-aside .date .month {
    font-size:13px;
    display:inline;
    }

    .format-aside .date .month {
    font-size:11px;
    }

    .format-aside .entry {
    font-size:13px;
    }

    .format-aside .post-meta {
    display:none;
    margin-top:10px;
    }

    .single .format-aside .post-meta {
    display:block;
    }

    img.wp-smiley {
    padding:0!important;
    border:none!important;
    margin:0!important;
    }

    .entry img,.wp-caption {
    margin-bottom:15px;
    max-width:100%;
    height:auto;
    }

    .fullwidth .entry img,.fullwidth .wp-caption {
    max-width:100%;
    }

    .entry img.size-full,.entry img.size-large {
    width:auto;
    }

    .entry .alignleft,.widget .alignleft {
    float:center;
    margin:10px 15px 10px 0;
    }

    .entry .alignright,.widget .alignright {
    float:right;
    margin:10px 0 10px 15px;
    }

    .entry .aligncenter,.widget .aligncenter {
    display:block;
    text-align:center;
    margin:10px auto;
    }

    .entry .wp-caption {
    padding:1px;
    text-align:center;
    background:#F8F8F4;
    border:solid 1px #e6e6e6;
    }

    .entry .wp-caption img {
    margin:0;
    padding:4px 0;
    background:none;
    border:0;
    }

    .entry .wp-caption-text {
    margin:0;
    padding:0;
    font-size:11px;
    text-align:center;
    }

    .navigation {
    overflow:hidden;
    }

    .nav-previous {
    float:left;
    width:50%;
    }

    .nav-next {
    float:right;
    text-align:right;
    width:50%;
    }

    .single #nav-below {
    margin:20px 0 0;
    }

    .navigation a:link,.navigation a:visited {
    color:#7A7A7A;
    font-size:13px;
    font-style:italic;
    text-decoration:none;
    }

    .more_entries {
    margin-top:-30px;
    padding:10px 55px;
    background-color:#fff;
    border:5px solid #efefef;
    }

    .more_entries a {
    display:block;
    margin:0;
    text-transform:uppercase;
    font-weight:bold;
    text-decoration:none;
    }

    .more_entries .wp-pagenavi {
    margin:0;
    text-align:center;
    }

    .more_entries .wp-pagenavi a:link,.more_entries .wp-pagenavi a:visited {
    display:inline;
    text-decoration:none!important;
    padding:4px 6px!important;
    }

    .more_entries .wp-pagenavi .current,.more_entries .wp-pagenavi .on,.more_entries .wp-pagenavi a:hover {
    padding:4px 7px;
    font-weight:bold;
    }

    .more_entries .wp-pagenavi .extend {
    background:none;
    border:none;
    }

    .widget {
    margin:0 0 30px;
    }

    .widget h3 {
    margin:0 0 7px;
    padding:10px 0;
    text-transform:uppercase;
    color:#404040;
    }

    .widget p {
    margin:0 0 15px;
    }

    .widget ul {
    clear:both;
    margin-top:-7px;
    }

    .widget ul li a:link,.widget ul li a:visited {
    display:block;
    padding:6px 0 6px 25px;
    line-height:18px;
    text-decoration:none;
    color:#666;
    }

    .widget ul ul {
    margin-top:0;
    padding:0 0 0 15px;
    border-top:none;
    }

    .widget_recent_comments li,.widget_twitter li {
    padding:6px 0 6px 10px;
    line-height:18px;
    }

    .widget_recent_comments li a,.widget_twitter a {
    display:inline;
    padding:0;
    line-height:18px!important;
    background:none!important;
    border:none!important;
    }

    #container .widget_categories li {
    border-bottom:1px solid #fbdddf;
    padding:6px 0 6px 25px;
    line-height:18px;
    }

    #container .widget_categories li ul li {
    border:none;
    }

    #container .widget_categories a:link,#container .widget_categories a:visited {
    display:inline;
    padding:0;
    line-height:18px!important;
    background:none!important;
    border:none!important;
    }

    #container .widget-bueno-featured li {
    float:left;
    width:300px;
    padding:10px 0;
    list-style:none;
    }

    #container .widget-bueno-featured li a {
    padding:0;
    background:none;
    border:none;
    }

    #container .widget-bueno-featured span {
    display:block;
    }

    #container .widget-bueno-featured span.thumb {
    float:left;
    width:80px;
    }

    #container .widget-bueno-featured .right {
    font-size:12px;
    line-height:18px;
    }

    #container .widget-bueno-featured li.has-thumbnail .right {
    float:right;
    width:200px;
    }

    #container .widget-bueno-featured .right h4 {
    margin:0 0 5px;
    font-size:14px;
    line-height:18px;
    }

    #container .widget-bueno-featured .right h4 a {
    line-height:18px;
    }

    #searchform {
    margin:15px 0 0;
    }

    input#s,input.field {
    float:left;
    width:208px;
    padding:5px 0 5px 5px;
    }

    input.submit {
    display:block;
    float:right;
    line-height:17px;
    border:none;
    padding:4px 5px;
    color:#fff;
    text-shadow:1px 1px 0 #424242;
    text-transform:capitalize;
    font-size:12px;
    }

    .widget .screen-reader-text {
    display:none;
    }

    .widget_lifestream ul li a {
    border:none;
    background:none!important;
    }

    .widget_lifestream ul .lifestream_meta {
    color:inherit;
    }

    .textwidget {
    padding:10px 0;
    }

    #wp-calendar {
    width:95%;
    margin-bottom:15px;
    clear:both;
    padding:0;
    }

    #wp-calendar caption {
    padding:10px;
    }

    #wp-calendar th,#wp-calendar td {
    text-align:center;
    padding:5px;
    }

    #wp-calendar td {
    background:transparent;
    }

    #wp-calendar td,table#wp-calendar th {
    padding:3px 0;
    }

    #sidebar .ads125 {
    padding:0 0 12px 12px;
    background:#fff;
    }

    .ads125 img {
    margin:14px 16px 0 0;
    }

    #extended-footer .widget {
    margin:0 0 30px;
    padding:0 10px;
    }

    #extended-footer .widget h3 {
    font-size:16px;
    margin:0 0 10px;
    padding:0;
    border-bottom:none;
    }

    #extended-footer .widget ul li a {
    padding:0;
    line-height:24px;
    background:none;
    border-bottom:none;
    }

    #extended-footer .widget ul li a:hover {
    background:none;
    }

    #extended-footer .textwidget {
    padding:0;
    }

    #extended-footer input#s,#extended-footer input.field {
    width:210px;
    }

    #extended-footer #advert_300x250 {
    padding-left:0;
    padding-right:0;
    }

    #extended-footer .ads125 img {
    margin:14px 13px 0 0;
    }

    #extended-footer .widget_recent_comments li,#extended-footer .widget_twitter li {
    padding:6px 0;
    }

    .widget_recent_comments .recentcommentsavatar {
    display:block;
    padding:6px 0 0;
    }

    .widget ul.tweets li a:link,.widget ul.tweets li a:visited {
    background:transparent;
    border:none;
    display:inline;
    line-height:1.5em;
    padding:0;
    }

    .widget ul.tweets li {
    padding:7px 0;
    }

    .widget_authors .avatar {
    margin:10px 6px 0 0;
    }

    .widget_statscounter ul,.widget_author_grid ul {
    margin-top:7px;
    }

    .widget_flickr table {
    background-color:transparent!important;
    border:0!important;
    border-collapse:collapse;
    }

    .widget-bueno-featured .sharing {
    display:none;
    }

    .milestone-widget .milestone-header {
    background:#f8a7a6;
    }

    .milestone-widget .milestone-countdown,.milestone-widget .milestone-message {
    border-color:#f8a7a6;
    }

    #comments {
    position:relative;
    margin:0 0 60px;
    padding:50px 55px;
    background-color:#fff;
    border:5px solid #efefef;
    }

    #comments h3 {
    margin:0 0 20px;
    }

    #comments .comment {
    margin-top:10px;
    width:100%;
    list-style-type:none;
    }

    #comments .comment .comment-container {
    padding:10px 0;
    border-bottom:3px solid #eee;
    }

    #comments .comment-head {
    margin:0 0 15px;
    }

    #comments .comment-head .avatar {
    float:left;
    }

    #comments .comment-head .avatar img {
    margin:0 10px 0 0;
    vertical-align:middle;
    border:3px solid #eee;
    }

    #comments .comment-head .name {
    display:block;
    margin:0 0 -5px;
    font-weight:bold;
    font-size:15px;
    }

    #comments .comment-head .date,#comments .comment-head .edit,#comments .comment-head .perma {
    font-size:11px;
    }

    #comments .comment-entry p {
    margin:0 0 10px;
    }

    #comments ul.children {
    margin:10px 0 0 25px;
    padding:0;
    }

    #comments .cancel-comment-reply a,#comments .comment-reply-link {
    text-transform:uppercase;
    font-family:helvetica, arial, sans-serif;
    font-weight:bold;
    text-decoration:none;
    font-size:11px;
    }

    #comments .navigation a {
    display:block;
    margin:15px 0 0;
    text-decoration:none;
    }

    #pings {
    margin:0 0 60px;
    padding:50px 55px;
    background-color:#fff;
    border:5px solid #efefef;
    }

    #pings h3 {
    margin:0 0 20px;
    }

    .pinglist li {
    margin:0 0 0 20px;
    list-style-type:decimal;
    }

    .pinglist li .author {
    font-weight:bold;
    font-size:15px;
    }

    .pinglist li .date {
    font-size:11px;
    }

    .pinglist li .pingcontent {
    display:block;
    margin:10px 0;
    }

    #respond {
    margin:15px 0 0;
    padding:50px 55px;
    background-color:#fff;
    border:5px solid #efefef;
    }

    #comments #respond {
    padding:20px 0;
    margin:0;
    border:none;
    }

    #comments #respond h3 {
    margin-bottom:0;
    }

    #commentform {
    margin:15px 0 0;
    }

    #commentform input.txt,#commentform input[type=text] {
    float:left;
    width:260px;
    padding:7px 5px;
    border:1px solid #eee;
    }

    #commentform p {
    line-height:32px;
    }

    #commentform label {
    clear:right;
    font-family:Helvetica, Arial, sans-serif;
    font-size:11px;
    padding:7px 5px;
    text-transform:uppercase;
    font-weight:bold;
    }

    #commentform textarea {
    width:95%!important;
    padding:5px;
    border:1px solid #eee;
    }

    #commentform #submit {
    border:none;
    margin:20px 0 0;
    padding:4px 10px;
    color:#fff;
    text-shadow:1px 1px 0 #424242;
    text-transform:uppercase;
    font-size:12px;
    }

    #respond .comment-form-comment label,#respond .form-allowed-tags {
    display:none;
    }

    #respond .required {
    font-weight:bold;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic