Forums

HTML Editor not showing H4, H5, H6

Permalink 1 user found helpful
Hi,

I was trying to add and edit some content and suddenly realised that the basic HTML editor was not showing the H4, H5, H6 styles for headings, the others are showing ok. However I wanted something smaller than H3.

I have tried to use the advanced HTML editor but this is the same.

I am using the latest version of C5 and using Greek Yogurt Theme.

Any Ideas?

Many thanks

Fanflame
Fanflame
 
Fanflame replied on at Permalink Reply
Fanflame
As an update to this as I have had no other input I think the editor in use is the tinymce HTML editor.

I presently have it set to show the Advanced Editor but the basic and Advance both act the same and do not show the header styles 4, 5 or 6 even though I can see them classified in the typology.css and the text.css.

I cannot fathom what is happening.

Many thanks for reading and a special thanks to those who may have a considered answer to this issue.

Fanflame
2deez replied on at Permalink Reply
2deez
Does your theme come with a typography.css file?
Fanflame replied on at Permalink Reply
Fanflame
Hi 2Deez

Yes indeed the standard 'Greek Yogurt' does come with a typology.css file and I have looked at it and the only mention in the code to either the editor or Header styles are as follows: (I have copied the GY theme and renamed it so I could play with it.)

/* alternate emphasis style for inclusion in content block editor aka tinymce */
.serif-emphasis {
   /* color: #0099ff; */
   font-family: Georgia, "Times New Roman", serif;
   font-weight: 100;
   font-style: italic;
}
/* site title styles */
div#main-container #header h1 {
   font-size: 28px;
   margin-left: 45px;
   padding-bottom: 55px;
   margin-bottom: 0;
   display: inline;
   float: left;
Viewing 15 lines of 16 lines. View entire code block.


However, looking in the text.css file reveals the following code: which may require a little tidying up?

h1   {
   font-size:24px
}
h2   {
   font-size:22px
}
h3   {
   font-size:20px
}
h4   {
   font-size:18px
}
h5   {
   font-size:16px
}
Viewing 15 lines of 36 lines. View entire code block.


I really appreciate all your replies a s I have read them all and realise that you have put some time and effort into helping me. It is good to know that the forums work and that people are really willing to help each other - again my thanks.

It has been a public holiday weekend over here in the UK hence my late replies.

Fanflame
2deez replied on at Permalink Reply
2deez
This is my css for my theme. This is located in my main css file for my theme.
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1;
Viewing 15 lines of 41 lines. View entire code block.
Fanflame replied on at Permalink Reply
Fanflame
Hi 2Deez

The main.css file has no reference to the heading styles. these only appear in the above mentioned files of typology.css and text.css

Fanflame
Steevb replied on at Permalink Reply 1 Attachment
Steevb
The basic editor has always shown H4 H5 & H6, advanced and custom do not?

See attached.
2deez replied on at Permalink Reply
2deez
I was checking through sites I've built and noticed one that was this same way. I changed my editor to custom and added h4,h5,h6, to the already h1,h2,h3, that was there. It gave me what I needed.
Not sure whats up exactly. Pretty sure it has something to do with the theme I have loaded.
2deez replied on at Permalink Reply
2deez
This is only true when enabling the advanced editor. My simple editor shows everything. I've always used the simple editor and I do most of my coding by hand and never really noticed this.
Fanflame replied on at Permalink Reply
Fanflame
Thanks Steveb

I was using the basic editor and have gone back to it to try but it is only showing the h1,2 and 3 for some reason. As mentioned to 2Deez I am using a copy of the Greek Yogurt theme - the reason I copied and renamed it was because I wanted the remove the global area in the header for site name which is not needed as all the information on site name and logo are in the header image. I thought the safest way was to copy and rename it so as not to edit the standard theme.


Thanks for your reply!

Fanflame