I can't work out what's wrong

• 

  expressiveponderer · Member · Jan 23, 2015 at 9:45 pm

  • Copy link
  • Add topic to favorites

  I’m hoping someone can tell me what’s gone wrong with my code. The post titles on my site should be left aligned (which is the default but this has somehow changed for the first post on a page), capitalised (which they aren’t), changed to the green colour, and be size 50px (the colour and size seem okay until I try to correct the other problems). I’ve copied in ALL the code in my CSS customiser. If someone could tell me how to fix it, I would really appreciate it.

  /*copyright info*/
  .site-info:before {
  	display: block;
  	color: #FFFFFF;
  	content: "© Expressiveponderings.com 2014-present";
  }
  
  /*widget titles*/
  .wf-active .widget-title {
  	font-size: 13px;
  	font-family: "museo regular", sans-serif;
  	font-weight: bold;
  }
  
  /*box around header*/
  div.site-branding {
  	background-color: #0C090A;
  	opacity: .8;
  }
  
  /*reduce space between posts*/
  .hentry {
  	padding-bottom: 0;
  }
  
  /*reduce space between menu and first post*/
  .site-content {
  	margin: 50px auto 0;
  }
  
  /*menu*/
  .wf-active .main-navigation a {
  	font-size: 16px;
  }
  
  /*post titles*/
  .wf-active .entry-title {
  	font-size: 50px;
  	text-transform: capitalize;
  }
  
  /*site title*/
  .site-branding .site-title {
  	font-size: 70px;
  }
  
  /*site description tagline*/
  .site-branding .site-description {
  	font-size: 16px;
  	font-family: "museo regular", sans-serif;
  }
  
  /*site title hover color*/
  .site-branding .site-title a:hover {
  	color: #FFFFFF;
  }
  
  /*post title colour*/
  h1.entry-title, h1.entry-title a {
  	color: #6ce48e;
  	font-size: 50px;
  	text-transform: capitalize;
  }
  
  /*colour of search field in search widget*/
  .widget_search input.search-field {
  	background: #494949;
  }
  
  .site-info a, .site-info a:visited, .site-info a:hover, .site-info a:focus, .site-info a:active {
  	color: #B5b5b5;
  }

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jan 24, 2015 at 5:10 am

  • Copy link

  Your first post has a post format of “aside” which in Hemingway Rewritten has a centered title and metadata, and a background color to distinguish it from other post types. Edit the post and change it to Standard post format and it will look like the rest of your posts.

  Alternately, if you wish to use aside post formats, and want them to look identical to all other posts, you can add the following CSS.

  .format-aside .entry-title, .format-aside div.entry-meta {
      text-align: left;
  }
  .format-aside .entry-content {
      background: none;
  }

• 

  thesacredpath · Member · Jan 24, 2015 at 5:15 am

  • Copy link

  And actually, all post formats, other than standard, have a centered title and metadata, so if you want them all left aligned, then use the following instead of the first rule above.

  .format-aside .entry-title, .format-quote .entry-title, .format-image .entry-title, .format-video .entry-title, .format-aside div.entry-meta, .format-quote div.entry-meta {
      text-align: left;
  }
  
  .format-aside .entry-content {
      background: none;
  }

• 

  expressiveponderer · Member · Jan 24, 2015 at 1:04 pm

  • Copy link

  Thanks. I changed it to standard and it fixed the problem.
  I have another problem though. All the post titles are supposed to be a green colour. While in the customizer they are the right colour. But then when I’ve saved it and go to view my blog, the first and third posts have grey titles.

• 

  thesacredpath · Member · Jan 25, 2015 at 5:00 am

  • Copy link

  Hi there, I’m seeing green on all your titles on your main page. Was this also a post format difference?

• 

  expressiveponderer · Member · Jan 25, 2015 at 10:04 am

  • Copy link

  No it’s still happening but seems to change which titles are grey with the majority green. All my post formats are standard now.

• 

  thesacredpath · Member · Jan 25, 2015 at 8:22 pm

  • Copy link

  Hmmm, I’ve clicked the “older posts” button 3 times in Chrome, Safari and Firefox and they all show green titles. I also clicked around on your category and archive pages with the same result. It could be an invisible proxy caching issue at your ISP, or perhaps a caching issue in your browser. You may want to try clearing the cache on your browser and see if that helps, and if possible, try from a different internet connection.

• 

  designsimply · Member · Feb 16, 2015 at 1:07 am

  • Copy link

  when I’ve saved it and go to view my blog, the first and third posts have grey titles

  Some of the titles appear grey because that is the visited link color. Find this in your custom CSS:

  h1.entry-title,
  h1.entry-title a {
  	color: #6ce48e
  }

  And change it to this:

  .entry-title,
  .entry-title a,
  .entry-title a:visited {
  	color: #6ce48e
  }

• 

  expressiveponderer · Member · Feb 16, 2015 at 1:40 pm

  • Copy link

  Thank you so much :)

• 

  designsimply · Member · Feb 16, 2015 at 2:48 pm

  • Copy link

  Cheers :)