categories

• 

  studiofournews · Member · Apr 30, 2012 at 3:58 am

  • Copy link

  with regards to the footer, i have done this but now on each post, it has the date it was posted on and the categories listed below, which i wanted removed. Can you please advise the formula to remove these two things while keeping the blog footer below?

  thanks again

• 

  thesacredpath · Member · Apr 30, 2012 at 4:15 am

  • Copy link

  What you want to do is to remove the word “footer and the space and comma before it so that it looks like this:

  .entry-meta {
  display: none;
  }

• 

  studiofournews · Member · Apr 30, 2012 at 4:46 am

  • Copy link

  Thanks, that’s great.

  one more question if that’s ok, I am thinking of having a static page as a front page, and would ideally like to use the default page template, so no text or widgets are visible on the front page. If you use this template as the front page, how then do you navigate to the blog pages?

  thanks

• 

  thesacredpath · Member · Apr 30, 2012 at 5:08 am

  • Copy link

  Normally there would be the navigation menu across the top, but since you are not using that, that is a good question.

  You could code something up to include in the body of the page you use for the home page.

  There is another possibility. You can put the custom menu widget in the footer widget area and then use CSS positioning to move it up and to the right of the content, but this is a little tricky and requires that you also include CSS to hide that widget in the footer from the other pages. It can be done, but it is a little messy.

• 

  studiofournews · Member · Apr 30, 2012 at 5:13 am

  • Copy link

  say if i include an image in the home page, would it be possible to use a code so that when you click on this image, it links you to the posts page?…. do you know what this code would be?

  thanks!

• 

  raincoaster · Member · Apr 30, 2012 at 5:31 am

  • Copy link

  Do you mean in a post or as part of the blog background or header etc?

• 

  studiofournews · Member · Apr 30, 2012 at 5:33 am

  • Copy link

  the image would just be in the front page, not part of the rest of the blog

• 

  thesacredpath · Member · Apr 30, 2012 at 5:37 am

  • Copy link

  Yes, when you insert the image into the page, in the “Link URL” field, just put the link to your blog page.

• 

  studiofournews · Member · Apr 30, 2012 at 5:42 am

  • Copy link

  great! i will give this a try.

  one last question with the home page, is it possible on this page only, to remove the page heading, and hide the footer (or reduce the size of the footer)?

  thanks again

• 

  thesacredpath · Member · Apr 30, 2012 at 6:01 am

  • Copy link

  This hides the page title on the home page only.

  .home .entry-title {
  display: none;
  }

  You can get rid of the grey background on the footer, and you can make the footer text less obvious.

  Background/top border line and the non-link text color would be in #site-generator

  Linked text would be in #site-generator a

  Changes to the above will change it on all pages. I would assume that is what you would want to do.

• 

  studiofournews · Member · Apr 30, 2012 at 7:02 am

  • Copy link

  thank you so much, this is all working great.

  sorry, one more question, can you please advise the code to adjust the margins (move left) and increase the width of the image/content on the front page only?

• 

  thesacredpath · Member · Apr 30, 2012 at 7:45 am

  • Copy link

  You’ve defined a left margin and a width in “body” in your CSS, and that is typically not a normal thing to do. I would pull the margin and the width declarations out and then take a look at pages and posts to make sure nothing goes awry.

  For the width on the home page only, add this and then adjust the max width.

  #page {
  max-width: 1000px;
  }

  Do be aware that 20% of web users are still on 1024px wide monitor resolutions, so if you go wider than 1000px, they will have to scroll horizontally in order to see your whole page. That is another reason I suggest removing the width and left margin declarations you had set in “body.”

• 

  thesacredpath · Member · Apr 30, 2012 at 7:46 am

  • Copy link

  Oops, use this code instead for the main page width only.

  .home #page {
  max-width: 1000px;
  }

• 

  studiofournews · Member · Apr 30, 2012 at 7:55 am

  • Copy link

  sorry, i was just wanting to increase the width of the image, not the overall main page… trying to align the image with the header above. is this possible?

  thanks

• 

  thesacredpath · Member · Apr 30, 2012 at 8:44 am

  • Copy link

  Try this.

  .home .entry-content {
  margin-left: 0 !important;
  width: 866px;
  }

• 

  studiofournews · Member · May 1, 2012 at 12:01 am

  • Copy link

  i deleted the left margin and width out of “body”, and initially thought nothing changed…. i have since realised that this has affected the layout on iphones and ipads…. but i have since done too many saves of my css to retrieve the old code!!! do you know a code to recentre the header and body text (rather than relying on left margins)?

  thanks

• 

  thesacredpath · Member · May 1, 2012 at 12:43 am

  • Copy link

  The problem is, the way that you’ve done things is what is causing the issue, and for me to straighten it out I would have to put everything back to the way it was originally and then do it all again. You’ve basically taken what was a reactive design that would flow and adjust to meet the width of the screen it was being viewed on and turned it into a fixed width theme with half of it pushed off outside the right of the screen on smart phones. Also, anyone with less than a monitor/browser window width of 1440px has to scroll horizontally in order to even see your entire page. On a 1024 wide monitor, they can’t even see the entire word “architect” in the header.

  At the moment, it is a quagmire.

• 

  studiofournews · Member · May 1, 2012 at 6:45 am

  • Copy link

  so… i have taken out all referencing to widths and margins through all of the code, as it would be ideal to have the blog a completely reactive design.

  but, this has not helped things on the iphone.. is there something i am missing in the code that is adjusting the alignment? (or is it many things?!)