eGriffinWebDesign

Do you have any other Anti-Spam plugins besides Akismet? First guess is that another plugin added that to show how many spam items have been blocked.

Cheers,

Michael

Looks like you got it sorted out? The gallery on the home pae is showing 150px by 150px images for me. Let me know if you are still having problems.

Cheers,

Michael

Hey Ross,

No worries. We all started learning somewhere, and there were many people that helped me along the way as well.

Regarding Notepad++, if you are editing your stylesheet in the WordPress dashboard then yes you would do a copy and paste. One important step is that when you are typing your code into Notepad++ blank document, you will need to save it as a .css document before the “helpful hints” will start showing. So you enter your .css code, save the document as <filename>.css, and then the color coding will show up as Notepad++ now knows to interpret the data as actual .css coding. This is one reason that I prefer to create and edit my stylesheets in Notepad++ and then upload them directly back to the server (via Filezilla) rather than editing them in the WordPress dashboard. I you need help setting up ftp access to your server I will be happy to help you with that as well if you want to try that route.

Back to your current problem though, can you give me a link to your site if it is live? It would be hard for me to guess where you want some of this .css without seeing the site. Below is my best initial guess, but it could be completely wrong, so be sure to backup your currently style.css before replacing it with this code.

Let me know how close this is or isn’t ??

/*
Theme Name:     Twenty Twelve Child
Theme URI:      https://example.com/
Description:    Child theme for the Twenty Twelve theme
Author:         XXXXYYYY
Author URI:     https://perthpunk.com
Template:       twentytwelve
Version:        0.1.0
*/

@import url("../twentytwelve/style.css");

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.site-info {
   display: none;
}

.site-content {
    margin: 1rem 0 0;
}

body .site {
padding: 0 40px;
padding: 0 2.857142857rem;
margin-top: 0px;
margin-top: 3.428571429rem;
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

#masthead .main-navigation ul.nav-menu,
#masthead .main-navigation div.nav-menu > ul {
	border-bottom: 0px;
	border-top: 0px;
}
#masthead .main-navigation li ul li a {
	background: lightgrey;
}
#masthead .main-navigation a {
	color: darkblue;
}
#masthead .main-navigation li ul li a:hover {
	background: #FF9933;
}
#masthead .main-navigation a:hover {
	color: #660033;
}
#masthead .main-navigation ul.nav-menu,
#masthead .main-navigation div.nav-menu > ul,
#masthead .main-navigation li ul li a {
	border-color: rgba(yellow, 0.1 );
}

.main-navigation ul.nav-menu,
    .main-navigation div.nav-menu > ul {
        display: inline-block !important;
        text-align: left;
	margin-left: 40px;
        width: 100%;
    }

.widget img {
    border-radius: 0;
    box-shadow: none;
}

.footlinks {
    text-align:center;
}

.entry-header .entry-title {
    text-align: center;
}

/* this removes the margin/space above the menu */
.main-navigation {
margin-top:0px;
}

body.page-id-85 {
 background: url("/wp-content/uploads/2013/05/HY-damned-look.gif") !important;
}

body.page-id-237 {
 background: url("/wp-content/uploads/2013/05/HY-damned-look.gif") !important;
}

body.page-id-215,body.page-id-234 {
 background: url("https://www.perthpunk.com/wp-content/uploads/2013/07/Orphans-background-550.jpg") !important;
}

body.page-id-631 {
 background: url("https://www.perthpunk.com/wp-content/uploads/2013/06/Lloyd-Memoirs-1650-3.jpg") !important;
}

body.page-id-318,body.page-id-401,body.page-id-1029,body.page-id-325,body.page-id-368,body.page-id-418,body.page-id-335,body.page-id-365,body.page-id-333,body.page-id-410,body.page-id-424,body.page-id-361 {
 background: url("https://www.perthpunk.com/wp-content/uploads/2013/06/Personal-Perspectives-backg.jpg") !important;
}

.page .site-title,
.page .site-description {
 display: none;
}

/* Assuming this is your home page */
.home .site-title,
.home .site-description {
 display: block;
}

.entry-title
 {
  display: none;
}

.page .header-image {
 display: none;
}

.home .header-image {
 display: block;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	text-align: center;
}

.site-header {
padding-bottom: 0rem;
}

.header-image {
    display: block;
 margin: 2rem auto 2em;
}

.nav-menu li > a:after {
    color: #888;
    content: ' ?';
}

.nav-menu li > a:hover:after {
    color: #444;
    content: ' ?';
}

.nav-menu li > a:only-child:after {
    content: '';
}

.box {
   float: none;
   width: 90%;
   padding: 15px;
   margin: 10px auto;
   min-width: 200px;
   border: 3px solid black;
}

.boxlloyd {
   float: none;
   width: 90%;
   padding: 15px;
   margin: 10px auto;
   min-width: 200px;
   border: 3px solid black;
   background-color:#9f9;
}

.boxletter {
   float: none;
   width: 90%;
   padding: 15px;
   margin: 10px 10px 3.42858rem;
   min-width: 200px;
   background-color: #EEE8AA;
   border: 3px solid black;
}
}

.ednotes {
    color: #0000FF;
    font-size: 0.8rem;
    line-height: 1.1rem;
    text-align: justify;
    position: relative;
    left: 16px;
    margin-top: -1.75rem;
    margin-right: 32px;
    margin-bottom: 1.71429rem;
}

.ednoteslist {
    color: #0000FF;
    font-size: 0.8rem;
    line-height: 1.1rem;
    text-align: justify;
    position: relative;
    left: 50px;
    margin-right: 100px;
    margin-bottom: 1.71429rem;
}

.edcomments {
    color: #0000FF;
    font-size: 0.9rem;
    line-height: 1.2rem;
    text-align: justify;
    position: relative;
    left: 50px;
    margin-top: -0.75rem;
    margin-right: 100px;
    margin-bottom: 1.71429rem;
}

.quotes {
  font-size: .9rem;
  line-height: 1.1rem;
  text-align: justify;
  position: relative;
  left: 16px;
  margin-right: 32px;
  margin-bottom: 1.71429rem;
}

.quotes2 {
  color: #FF0000;
  font-size: .9rem;
  line-height: 1.2rem;
  text-align: justify;
  position: relative;
  left: 40px;
  margin-right: 80px;
  margin-bottom: 1.71429rem;
}

.quotes3 {
  color: #FF0000;
  font-size: .9rem;
  line-height: 1.2rem;
  text-align: justify;
  position: relative;
  left: 40px;
  margin-right: 80px;
  margin-bottom: 3.4rem;
}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
    border-radius: none !important;
    box-shadow: none !important;
}

@media screen and (min-width: 978px) {
.parawrapnot {
clear:both;
margin-bottom: 1.71429rem;
}
}

@media screen and (min-width: 600px) {
 .site-content article {
  margin: 3em auto;
 }

.site-header h1 {
   font-size: 2.85714rem;
line-height: 1.84615;
font-weight: bold;
   text-align: center;
}

.site-header h2 {
   font-size: 1.3rem  ;
   text-align: center;
}

.headerimg {width:960px; margin:0 auto;}
}

Hey Ross,

Following my own advice I just pasted your code into Notepad++ and noticed a couple of things. First, I am probably wrong in my assumption that the one curly bracket needs to be moved to the end. If you could indicate which portions of code go with which media queries I can help you pinpoint the problem. Second, there are two media queries for min-width:600px. Even if all of that does apply to that media query, be sure to put it all in one to minimize your css. And finally, your order is reversed, at least to my understanding. You have the min-width:600px media query before the min-width:978px media query. Which means that if there are any css elements that are defined in both queries, the 978px will take precedence because it comes last. I always go from highest to lowest, so that the styles cascade down so to speak.

Again, hope some of this helps!

Michael

Hey Ross,

In looking at your CSS it looks like you are correct about the curly brackets. To my eye the 4th one in the snippet above needs to go at the very end of the stylesheet, assuming that all of that code is supposed to apply to screen widths of 978px or higher. Not sure what you use to write your CSS, but I definitely recommend Notepad++ (it is free). In addition to not adding the extra spacing that traditional text editors sometimes do, it provides a wealth of visual information about your code that allows you to see things much more clearly. For instance, if you put your cursor right after a curly bracket, it will highlight the matching curly bracket in red so you can see if the correct code is contained within. If it isn’t you can move it where it needs to be and repeat to double-check.

Hope that helps!

Michael