Okay
  Public Ticket #2273076
typography for headings
Closed

Comments

  • Heather started the conversation

    Hi,

    I'm having a lot of issues with my headings. I went in to Proton>Typography on the dashboard and tried to set some of the type properties, but am having problems with certain text areas on my site and am unsure if it's something I'm doing in trying to set the heading properties. For instance, I've set heading 4 to a bold font, but it is not showing up as bold when I use it (see attached screenshots).

    In another example, on my "Services + Process" page: http://corbincreative.ca/services-process/ the text under "Services" is all h3, which is set to be 26px, but the all caps text is much smaller than the body copy.

    Could you please let me know what I should be doing do make the headings appear throughout my site consistently as their properties have been set in Proton>Typography? Is there something I'm missing in the way I'm doing this?

    A reminder that I am very inexperienced with web stuff (though I am a print designer, so do understand type stuff.)

    Thank you,

    Heather

  • Heather replied

    One more example, on my "About" page, the heading is set to h1, and h1 properties include a font size of 32 px (see attached screenshots). But if you look at the actual page on my site, the heading is tiny (the same size as the paragraph text—16px): http://corbincreative.ca/about/

    This all looks pretty terrible, and I need to fix it as soon as possible.

    Please let me know what I'm doing wrong with the theme!

    Thanks so much,

    Heather

  • Heather replied

    Apologies, this will be my last note in regards to this question:

    Is it possible that part of the issue is that after I've set the font properties, if I assign a heading to a line of text and then bold a word in that line, or change the text colour, that screws everything up? I wouldn't think this should change everything, but maybe it does? I would like to have the ability to do stuff like bold a word in a line assigned h1, or have a 2 line h1 header, with the second line being a different colour. When I tried to do this in either the Classic and Backend editor though, it was a mess.

    I would love to set everything back the way it was yesterday (before I changed these heading font properties) but am unsure how to do that...

  •  675
    Neuron replied

    Hi Heather,

    Sorry for the late reply.

    Why don't you create the page via WPBakery Page Builder? That would allow you more flexibility and the heading will stay as heading, check the following screenshot.

    https://prnt.sc/qpi6fw

    It inserts the span into a heading, so the font size is inherited from the span not from the heading.

    Feel free to ask for anything that you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • Heather replied

    I checked the heading for the example you sent in WPBakery Page Builder: it's listed there as h1 but does not have the h1 properties on my web page. Can you tell from this screenshot what I am doing wrong?

    Thank you!

  •  675
    Neuron replied

    Hi Heather,

    Please add a Heading instead, as far I know the text block adds inside the heading a span tag, so it inherits the span tag not the heading one.

    Feel free to ask for anything that you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • Heather replied

    Thanks, I went in and added everything as a separate heading.

    It's my understanding then that there is no way to change a part of a heading once the properties have been set: ie. I can't make a word in the heading a different colour—or show a link as a different colour—or bold a word in the heading. Is this correct?

    For the record, this whole heading thing is very confusing for those of us who are new to web design. I'd love to be able to add a heading to the middle of a body of text (ie. have one paragraph of body text, a H4 subheading, then another paragraph of text, all in one text block.) Not being able to do this is a bit frustrating, as spacing is off and there is less flexibility. Not being able to change elements in the heading (as noted above) is also frustrating.

    Just thought I'd mention this. I do love the theme, but wish I could play with the text a bit more, and be able to make these small changes to improve the readability without needing to know CSS (I'm assuming that's how I would be able to do it—maybe I'm not even right about that!)

    Thank you for your help, I'll stick to Headings as much as possible for all headings in the future. Sorry again for the super-novice questions I send your way.

    Heather

  •  675
    Neuron replied

    Hi Heather,

    I am sorry for the late reply.

    I highly agree with you on this one, we'll focus in Proton onto something new which will make the usability a lot more easier.

    For now, my best suggestion would be to separate as much as you can into elements.

    Thank you for the kind words, please let me know if I can help you further.


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • Heather replied

    Thank you. My only other related question is why, when I've set a heading properties to a specific weight, does that not  translate on my site? Please see attachment for example: Heading 2 is set to be Bold (700) but appears as a regular weight. I've tried a bunch of different things and it keeps setting back to a regular weight.

    What can I do to create a heading with bold properties that works on my site?

    Thanks again.


  •  675
    Neuron replied

    Hi Heather,

    Sometimes the font-weight can be ignored due to some certain places that is used.

    You can try changing it with Custom CSS.

    h1, h2, h3, h4, h5, h6 {
        font-weight: 600 !important;
    }

    For the paragraphs and other description use body.

    body {
        font-weight: 500 !important;
    }

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • Heather replied

    Apologies for my late reply, but thank you for this... it works for bolding the headings, and gave me a way to adjust some of the type further. Much obliged!

    One other suggestion for future iterations: please make it so you can add a link to text classified as a heading, without the properties changing (I used a workaround, but that'd be helpful!)

    Thank you again so much for your help. I really appreciate it. Your customer service is great!

    Heather


  •  675
    Neuron replied

    Hi Heather,

    No worries, feel free to ask for anything you need.

    Thank you very much for the suggestions, we'll keep that on mind on the next update of Proton.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.