richarduk

The spacing is a bug or an oversight on my part – I have a bug fix page

http://www.alchemweb.co.uk/bugs-fixes/

The solution is to paste this into the very top options box as a temporary workaround:

<style type="text/css">

h1{
margin: .67em 0
}
h2{
margin: .75em 0
}
h3{
margin: .83em 0
}
h4,
p{
margin: 1.12em 0
}
h5{
margin: 1.5em 0
}
h6{
margin: 1.67em 0
}

</style>

The reason for all these CSS bugs is that I decided to make font sizes and font families easy to change in the Premium version of the theme. This meant going through the stylesheet with a fine toothcomb trying to simplify it. I was using ems, which are contrary. I used rems in a few key places to replace them. In the process I oversimplified and missed one or two bits out. As always, rectified in the next version.

Menus – the only way at present is to remove all the menu items from the top menu but in ‘Manage locations’ have the top menu selected. Next version I shall change this. There is a WordPress code option to have a default menu of pages if no menu exists and this is the option that I chose for the top menu. But too many users find it confusing so I shall change it.

Your child theme’s css is within comments. CSS comments look like this:

/* stuff */

You need to remove those comments for that CSS to work. My fault – I didn’t make it clear in the theme. Rectified in the next update.

The reason the width appeared to go was that you pasted the media styles into style-custom.css and those media styles have a width of 100%. They were meant to be example media styles only. You would need to create a whole bunch of them for different widths. A good starting point would be this:

@media screen and (min-width: 600px)  {
your css
  }

@media screen and (min-width: 640px)  {
your css
  }

@media screen and (min-width: 768px)  {
your css
  }

@media screen and (min-width: 800px)  {
your css
  }

@media screen and (min-width: 980px)  {
your css
  }

@media screen and (min-width: 1024px)  {
your css
  }

  @media screen and (min-width: 1280px)  {
your css
   }

A very useful tool is in Firefox and it’s called ‘Inspect Element’ (right click on the page and select ‘Inspect Element’.) The toolbar will probably appear at the bottom of the page and what you’re looking for is a square icon with an arrow in it. Click on that and hover your mouse over the page and a dotted line appears around the elements you’re hovering over. Click on the element and in the right hand side you’ll see the styles for that element, which can be turned on or off and adjusted, whilst in the left hand side you’ll see the HTML for that element.

Another brilliant one (probably on other browsers but I use FF) is an ‘Addon’ called Webdeveloper. One of its many options is ‘CSS’. You can view all CSS on one page which makes it easy to see what’s going on.

The Advanced blank page is literally that – blank – and it’s intended only for those who know PHP and HTML.

Your best bet is to try from a different angle. Copy the contents of home-page-simple-01.php and remove the central portion which begins with

<div class="outer-home-page outer-home-page-simple outer-home-page-simple-01"> and ends with

</div><!-- end outer-home-page outer-home-page-simple outer-home-page-simple-01 -->

Now add your HTML etc. where this was and copy and paste the whole lot into home-page-blank.php

The inside page you created – what did you click on to get to it (or not get to it)? Was it from the home page? Or was it from within the Admin area e.g. you created a Page then went to view it and it wasn’t there? If the latter then it could be a permalink problem (yo might have to resave the permalink page) or it could be because your test server (?) isn’t set up correctly.