anitamb

Thank you so much, that worked brilliantly. You’re a star.

Thanks,

Anita

Thanks, that worked great for the title.
However the text of the post is still very small and the wrong colour. Is there a CSS that can be used to change the text of the post within that category? I mean the text saying ‘MB Woodcraft, specialist in wooden furniture in Lancaster…” that’s the text I need changing.

Thanks

Thank you, that worked perfectly

I’m really sorry but this makes no sense to me. I am not even a novice when it comes to computer speak. Sorry.

Could you explain it in slightly simpler terms if possible.

Looking at my page in the viewport resizer just showed me how awful most of my website looks in different formats.

So if i want to adjust my website to this:
/* ============================================== */
/* iPhone4/Android portrait 320×480 */
/* iPhone5 portrait 320×568 */
/* ============================================== */
@media screen and (max-width:320px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}

– i have to code it all from scratch for this screen?

Will do. Sorry for the trouble.

Thanks d4z_c0nf. I’ve managed to sort it out with a plugin shortly after posting this.

Thank you for posting the solution. I’m using a customizr theme, and the CSS code below worked a charm for me. Just include it in your child theme editor.

body.page article header h1 {
display: none;
}

Also, if anyone knows how I can change the colour & size of the text on posts/pages, that would be greatly appreciated.

Thank you.

If it helps, this is all that I have in my editorial section of my website.
body {
background: none repeat scroll 0 0 #000000;
color: #BDBDBD;
font-family: Times New Roman, serif;
padding-bottom: 0;
}
header.tc-header {
min-height: 45px;
background: #000000;
border-bottom: 10px solid #000000;
border-top: 5px solid #000000;
}
.navbar .navbar-inner {
-webkit-box-shadow: 0px 0px 0px;
-moz-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
}
.navbar .navbar-inner {
-webkit-box-shadow: 0px 0px 0px;
-moz-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px transparent;
background:none
}
.navbar .nav > li > a, .navbar .nav > li > a:first-letter,
.navbar .nav > li.current-menu-item > a,
.navbar .nav > li.current-menu-ancestor > a {
display: inline;
color: #38A80F;
font-family: Times New Roman;
font-size: 1.2em;
padding: 5px 20px;
}
.navbar .nav > li > a, .navbar .nav > li > a:first-letter {
color: #38A80F;
text-shadow: #38A80F;
}
.navbar .nav > li > a:hover, .navbar .nav > li > a:hover:first-letter {
color: #BDBDBD;
text-shadow: #BDBDBD;
}
.navbar .nav > li > a:active, .navbar .nav > li > a:active:first-letter,
.navbar .nav > li.current-menu-item > a,
.navbar .nav > li.current-menu-ancestor > a,
.navbar .nav > li.current-menu-item > a:first-letter,
.navbar .nav > li.current-menu-ancestor > a:first-letter {
color: #FFFFFF;
text-shadow: none;
}
.dropdown-menu > li > a {
color: #38A80F;
background: #000000;
}
.navbar .nav > li > a {
text-shadow: none;
}

Thank you, the shadow code worked perfectly.
How do I get rid of the inline coding? I can’t find it in the editorial section of my child theme. Also, any advice on the drop down nav menu?
Thank you again.