Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 16, 2020 at 1:17 am #1184893
    bastok2

    Hi,

    I recently had a major issue on the website i am working on.
    It’s been 2 days all my headings are not shown correctly.

    It seems that the base.css h1-h6 default settings overide my custom heading settings (except on iOS)

    I really don’t know why.

    Please, can you help me ?

    • This topic was modified 5 years ago by bastok2.
    February 16, 2020 at 6:40 am #1184937
    Rikard

    Hey bastok2,

    Thanks for the login details. I checked a few headers on your front page but I couldn’t see any overrides from the file you referenced. Could you point out and example on your site please?

    Best regards,
    Rikard

    February 16, 2020 at 11:52 am #1184958
    bastok2

    All my headings seem to follow this :

    /*default*/
    h1, h2, h3, h4, h5, h6 {
    /* font-family: “Georgia”, “Times New Roman”, Helvetica, Arial, sans-serif; */
    font-weight: 600; }
    #top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a { font-weight: inherit; text-decoration: none; color: inherit; }
    #top h1 strong, #top h2 strong, #top h3 strong, #top h4 strong, #top h5 strong, #top h6 strong { color: inherit; }
    h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;}
    h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; }
    h3 { font-size: 20px; line-height: 1.1em; margin-bottom: 8px; } /*28*/
    h4 { font-size: 18px; line-height: 1.1em; margin-bottom: 4px; } /*21*/
    h5 { font-size: 16px; line-height: 1.1em; } /*17*/
    h6 { font-size: 14px; line-height: 1.1em; }

    Instead of my settings in Enfold Child > Advanced Style

    February 17, 2020 at 5:33 am #1185081
    Rikard

    Hi,

    I checked the first h1 on your home page, the styling applied is this:

    Inline:

        text-align: left;
    margin-left: 20%;
    letter-spacing: .2em;
    padding-bottom: 20px;

    Child theme CSS:

    h1 {
    text-transform: none !important;
    letter-spacing: .2em !important;
    color: #002f6c !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    font-family: lato !important;
}

    base.css:

    h1 {
    font-size: 34px;
    line-height: 1.1em;
    margin-bottom: 14px;
}

    That seems to correspond with the setting you have under Enfold->Advanced Styling, and the CSS you have added in Quick CSS. Could you give an example of what is not working as it should please?

    Best regards,
    Rikard

    February 17, 2020 at 11:32 pm #1185462
    bastok2

    Hi Rickard,

    Thank you for your quick answer.

    It looks like i solve the headings problem yesterday night by adding the setting i gave in Enfold->Advanced Styling a second time in the Quick CSS Area.

    I really don’t know how this shit happened last week and i hope this solution will fix it for real.

    Thanks for your support !!
    Have a good day,
    Bastien

    February 17, 2020 at 11:38 pm #1185463
    bastok2

    I notice that Lato Google font is still a bit lunatic.
    Sometimes it doesn’t display and it’s substituted by Cormorant

    February 18, 2020 at 11:56 am #1185607
    Rikard

    Hi,

    I see that you have selected both those fonts for different headers under Advanced Styling. Did you try changing it there?

    Best regards,
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.