Unable to center featured image on Ever After Theme

• 

  aileepetrovic · Member · Aug 14, 2012 at 11:16 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  aileepetrovic · Member · Aug 14, 2012 at 11:17 pm

  • Copy link

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

• 

  aileepetrovic · Member · Aug 14, 2012 at 11:48 pm

  • Copy link

  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 (5184×3456) will not have to be repeated or tiled if I add it to the background.

  Thank you!

• 

  aileepetrovic · Member · Aug 14, 2012 at 11:50 pm

  • Copy link

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