richarduk

I think you’ve bitten off more than you can chew there Tony. The code listed needs a bit of adaptation to make it work/ fit in with the theme. I can have a look at it with a view to including that as a template in an updated version but not tonight. Meantime what about creating a specific category instead of a Page of posts? The only drawback would be if you didn’t want that category showing e.g. in a list of all categories, or if you wanted it shown in a list of all Pages. Apart from that you could link to it from a menu.

Suspect you might have tried to run the PHP code through the WC3 HTML checker.

Finding the relevant part of CSS file – no need. Just add your styles into the child theme style css. They’ll overwrite anything that comes before. If they don’t overwrite it then you just need to be more specific – for example if you put div.post {color:red;} in and it doesn’t change a font color then you can go div.post p {color:red;} or body.post div.post p{color:red;} (just an example)

If you’re using ‘Web Developer’ (I do as well) then CSS / Edit CSS’ allows you to real-time test what works and what doesn’t. Just place it in the bottom of the ’embedded styles’ stylesheet to get an idea of what works.

‘Hack the web’ and ‘Aardvaark’ make life a lot simpler. FF also comes with an ‘Inspect the element’ tool (right click anywhere on the page).
Click the square with an arrow in it to get an idea of element names and classes. Much the same as ‘Aardvark’ and ‘Hack the web’ but lots better once you get used to it.

Generally speaking you’re looking at something like this:
Pages only

div.page {font-family:Arial,Verdana,Serif;font-size:14px;color:blue;}

Posts only (multiple and single)

div.post {font-family:Arial,Verdana,Serif;font-size:14px;color:blue;}

Single posts only

div.single-post {font-family:Arial,Verdana,Serif;font-size:14px;color:blue;}

Posts and pages

div.page, div.post {font-family:Arial,Verdana,Serif;font-size:14px;color:blue;}

Sidebars – change left to right for right sidebar

div.left-sidebar-item a:link,
div.left-sidebar-item a.url:link{
color:#653301;font-family:arial;font-size:12px;
}

div.left-sidebar-item a:visited,
div.left-sidebar-item a.url:visited{
color:#653301;font-family:arial;font-size:12px;
}

div.left-sidebar-item a:hover,
div.left-sidebar-item a.url:hover{
color:#653301;font-family:arial;font-size:12px;
}

H1 on pages

div.page h1{font-family:Arial,Verdana,Serif;font-size:14px;color:yellow;}

H1, h2, h3 on posts

div.post h1, div.post h2,div.post h3{font-family:Arial,Verdana,Serif;font-size:14px;color:yellow;}

@tonywilliams see my updated reply above ‘cos posts crossed.

Makes no diff if using child theme, put in top options box either:

‘Add CSS, javascript or shortcode in the head element of all pages of your website’

or if it’s only for the home page

‘Add CSS, javascript or shortcode in the head element of the home page only’

it’ll look like this:

<style type="text/css">
div.header-container {display:none;}
</style>

What do you mean by the centre text element? If you post a link I might be able to help.

Whereabouts is this link appearing? It’s quite possible that I’ve made some dumb error so I think that’s the starting point.

There’s stuff that I have to do to make it translatable which currently looks like a lot of extra work. If the theme becomes wildly popular then I’ll tackle it but until then …. Meantime the theme is going to undergo quite a few changes, so … It’s on my to-do list, but right at the bottom unless I’m forced to do it.

Options Page -> Add CSS, javascript or shortcode in the head (ignore this if you’re not sure) -> Add CSS, javascript or shortcode in the head element of all pages of your website

<style type=”text/css”>
p.post-info-top,
p.post-date,
p.post-info-bottom-tags,
p.post-info-bottom-categories{
display:none;
}
</style>

Richard