1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved A heading h4 for a sentence inside a h3 paragraph not possible ??

Discussion in 'Free Divi Community Forum' started by Pascal737, Dec 29, 2019.

  1. Pascal737

    Pascal737 Member

    In the previous web design tool I was using I could select some text inside a paragraph and change the many settings of this part of text simply by changing its heading.

    For instance I was using the h4 or h5 to quickly put a part of the text in bold and with another colour. And off course this was also working inside a paragraph that was set as h3. Like you see in the below exemple, all the paragraph are h3 but the text in bold is h4.

    With Divi when I want to change the heading of some text inside a paragraph it changes the whole paragraph :-(

    What is the way to give a different heading to only a part of the text ?

    Thanks for your support !
     

    Attached Files:

    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    You can just manually do that in Text mode. See screenshot below:

    upload_2019-12-31_22-19-10.png
     
  3. Pascal737

    Pascal737 Member

    Thanks for the reply.

    Well I've seen that possibility but it dosen't work. Have you tried to put for instance some of the text with a h4 heading INSIDE a paragraph that has a h3 heading ? It won't keep it all as one paragraph but will jump to a new line for each heading change.
    Or I'm mising some additionnal code to do it ?

    For instance that :
    <h3>À la base de chacune de mes créations il y a </h3><h4>une pièce de métal antique, qui fut l'oeuvre des Hommes il y a des siècles,</h4><h3> produite alors avec la passion du travail de qualité. Cette pièce se retrouve aujourd'hui intégrée à votre bijou, au travers duquel une part d'histoire vous est délivrée.</h3>

    will give this result:

    <h3>À la base de chacune de mes créations il y a </h3>
    <h4>une pièce de métal antique, qui fut l'oeuvre des Hommes il y a des siècles,</h4>
    <h3> produite alors avec la passion du travail de qualité. Cette pièce se retrouve aujourd'hui intégrée à votre bijou, au travers duquel une part d'histoire vous est délivrée.</h3>

    This is not what is expected :-(

    Any idea ?
     
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
  5. Pascal737

    Pascal737 Member

    Sorry dosen't work.

    Has someone even tried to do what I'm willing to do ? Or is it something really that unusual ?
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    What about adding important tag?
    Code:
    Log In or Sign Up to view this code.
    If still not working, kindly share your URL.
     
  7. Pascal737

    Pascal737 Member

    Thank you very much for your help.

    I'm very surprised that such a modern and popular tool as WP would need additional home made code to be able to use what is for me a very besic feature. But maybe I'm wrong and what I am used to do with other tools is not a good practice ?

    Therefore my question, is it a bad idea to use h4 heading inside a h3 piece of text ? For instance to quickly change the aspect of a part of the text like showed in the picture of my initial post ? Maybe it is bad for SEO ? Or for some other reason ?

    Or this way of modifying the text is working for you on your installation ?

    Here is the URL: https://autantika.com/
     
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Tons of elegant premade sidebar styles to choose from for your Divi site:Learn More
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    It seems like you're using h tag for all your content, which is not recommended for SEO purposes as well.

    For the content, you should just use the normal p tag.

    If you wish to stick with it, the below CSS in Divi > Theme Options > Custom CSS should make it inline:
    Code:
    Log In or Sign Up to view this code.
    upload_2020-1-4_10-49-50.png
     
  9. Pascal737

    Pascal737 Member

    Ok thanks. So then I gave up with trying to use h4 heading inside h3 heading and manually set the font I wished to the text part I want.
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring modern overlay archive blog layout with hover effects:View Demo
  10. Divi Booster

    Divi Booster Divi Expert

    Here's what ChatGPT had to say on the matter :)

    "Using an H4 heading inside an H3 piece of text isn't ideal for SEO and accessibility. Headings should follow a hierarchical order for both clarity and proper page structure. Stick to a sequential order: after an H3, use an H4, but only for a new subsection, not nested within the H3 text itself. This helps screen readers and search engines understand the content structure. Keep it neat!"

    I believe that's accurate, i.e. it's not valid HTML to nest heading tags within one another, so different products may handle the situation differently (ignore it, try to undo the nesting, etc).