You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

  Thursday, 19 November 2020
  8 Replies
  1.3K Visits
When I apply a header style to normal text inside a < section > tag, the style is apply to more than the selection
more than a month ago
·
#106019
Accepted Answer
The issue here is that when you apply a Format (usually a block element) to some text within another parent block element, then the parent block element is converted into the type you are applying, in the cas the <section> becomes a <h3>.

Normally, when creating a section, it would also include a paragraph, which would contain the text, but because you the Container Element & Enter Key option set to None : Linebreak, no paragraphs are created.

In order to wrap the text selection in a heading, you will either need to add it in Code, or wrap you text in <p> tags so future Format conversions will be added correctly.

It really is a much better idea to use the default Container Element & Enter Key option - Paragraph : Paragraph, as it helps to get around a lot of the issues with javascript based WYSIWYG editors.

Just because you're not paranoid doesn't mean everybody isn't out to get you.

more than a month ago
·
#106020
Thanks Ryan understood! — SOLVED!
more than a month ago
·
#106019
Accepted Answer
The issue here is that when you apply a Format (usually a block element) to some text within another parent block element, then the parent block element is converted into the type you are applying, in the cas the <section> becomes a <h3>.

Normally, when creating a section, it would also include a paragraph, which would contain the text, but because you the Container Element & Enter Key option set to None : Linebreak, no paragraphs are created.

In order to wrap the text selection in a heading, you will either need to add it in Code, or wrap you text in <p> tags so future Format conversions will be added correctly.

It really is a much better idea to use the default Container Element & Enter Key option - Paragraph : Paragraph, as it helps to get around a lot of the issues with javascript based WYSIWYG editors.

Just because you're not paranoid doesn't mean everybody isn't out to get you.

more than a month ago
·
#105951
Global Config :Container Element & Enter Key = None : Linebreak

Same in the active —> Profile > Typoraphy > Container Element & Enter Key = None : Linebreak
more than a month ago
·
#105945
In the Editor Global Configuration, what have you set for Container Element & Enter Key?

Just because you're not paranoid doesn't mean everybody isn't out to get you.

more than a month ago
·
#105941
Same with trying to create a list (if apply in a section tag)
When you apply, it apply to the entire “Section” tag, not only the selection

list.jpg
Attachments (1)
more than a month ago
·
#105939
Tag = h4
Classes = center purple

That’s it

CODE:

<section class="section-videos"><a id="section-videos"></a>
<br />
<div class="graf-section-header-container center">
<h3 class="graf-section-header">VIDÉOS</h3>
</div>
<br />
<h4 class="icon-video purple center">Regardez nos vidéos, vivez l’expérience du eFoil Takuma</h4>
<br />
smartslider3[26]
</section>
more than a month ago
·
#105936
What does the "header style" comprise of? Is it a Custom Style or just a class from the template stylesheet?

Just because you're not paranoid doesn't mean everybody isn't out to get you.

more than a month ago
·
#105923
Select text (in Section tag
select.jpg

Apply Header style
style-apply.jpg

Result
result.jpg
  • Page :
  • 1
There are no replies made for this post yet.
Be one of the first to reply to this post!