1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/

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. AD Access 2000 icons from Font Awesome & Material Icon set in Divi: https://divi.help/link-forums/divi-icon-king.154/
  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. AD Create gorgeous Divi slide-in promo bars, notification bars, etc: https://divi.help/link-forums/divi-bars.150/
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    h1, h2, h3, h4, h5, h6 {
        display: inline;
    }
     
  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. AD Premium quality Divi premade designs bundle: https://divi.help/link-forums/divi-den.146/
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    What about adding important tag?
    Code:
    h1, h2, h3, h4, h5, h6 {
        display: inline!important;
    }
    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. AD Create gorgeous Divi slide-in promo bars, notification bars, etc: https://divi.help/link-forums/divi-bars.150/
  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:
    h2, h3, h4, h5, h6 {
        display: inline;
    }
    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. AD Access 2000 icons from Font Awesome & Material Icon set in Divi: https://divi.help/link-forums/divi-icon-king.154/

Recommended Divi Hosting