Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • June 26, 2019 at 4:19 pm #1113652
    ICEMAN

    Hi, I would like to have 2 different H1 style.
    So, How to set 2 different colors (for exemple) for H1 titles?

    Thanks in advance

    June 27, 2019 at 10:04 am #1113853
    Rikard

    Hey ICEMAN,

    You could use markup like this and add a class to it:

    <h1 class="my-header-class">My header</h1>

    Then you can add something like this to Quick CSS:

    .my-header-class {
  color:red;
}

    Best regards,
    Rikard

    July 1, 2019 at 4:12 pm #1114912
    ICEMAN

    Thanks Rikard !!

    Best Regards,
    Iceman

    • This reply was modified 5 years, 4 months ago by ICEMAN.
    July 1, 2019 at 5:15 pm #1114934
    Jordan Shannon

    Hi,

    Did you need additional help or shall we close this topic?

    Best regards,
    Jordan Shannon

    July 3, 2019 at 3:01 pm #1115489
    ICEMAN

    Hello Rikard, I tried your solution but It doesn’t work…
    Regards

    July 4, 2019 at 7:56 am #1115648
    Rikard

    Hi,

    What exactly is not working?

    Best regards,
    Rikard

    July 4, 2019 at 1:53 pm #1115763
    ICEMAN

    I tried your example and H1 still appear like H1 by default

    July 4, 2019 at 9:15 pm #1115912
    Victoria

    Hi ICEMAN,

    Could you please give us a link to your website, we need more context to be able to help you.

    Please specify the elements that you’re referring to.

    Best regards,
    Victoria

    July 30, 2019 at 1:09 pm #1123134
    ICEMAN

    Hi everyone,

    I come back to Rikard issue

    I put `.my-header-class {
    color:red;
    }` on my CSS and when I put this

    <h1 class="my-header-class">My header</h1> It doesn’t work but if I change by <h1 class="my-header-class">My header</h1> It works.

    I would like to have a specific action on H1 style so does anyone have an idea to make “H1 class » works ?

    Thanks in advance,

    Regards,
    Iceman

    July 30, 2019 at 7:01 pm #1123242
    Victoria

    Hi Iceman,

    We cannot really help you without seeing the actual html, could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    July 30, 2019 at 7:57 pm #1123281
    ICEMAN

    Victoria, I understand what you mean but I don’t have any exemple to show you.

    I would like to have a second different H1 style. I think Rikard issue is a good solution but I don’t know why it doesn’t work.

    Regards,
    Iceman

    July 31, 2019 at 10:53 am #1123501
    Victoria

    Hi Iceman,

    I am sorry but we cannot solve theoretical issues and we cannot tell you why it does not work as we don’t see where it is applied.

    Best regards,
    Victoria

    August 9, 2019 at 3:05 pm #1126238
    ICEMAN

    Victoria,

    So you can see the content at the bottom of my page in private content 

    
<h3 class="my-header-class" style="text-align: center;">Kriesi.at support</h3>

    and in my style.css:

    .my-header-class {
  color:red;
}

    The class is not apply.

    Regards,
    Iceman

    • This reply was modified 5 years, 3 months ago by ICEMAN.
    August 10, 2019 at 12:21 pm #1126396
    Rikard

    Hi,

    The text you are referring to is wrapped in a strong tag, that means your CSS should look like this instead:

    .my-header-class strong {
  color:red;
}

    Or:

    .my-header-class strong {
  color:red !important;
}

    If it’s not overriding.

    Best regards,
    Rikard

    August 10, 2019 at 12:21 pm #1126397
    Rikard

    Hi,

    Best regards,
    Rikard

    August 11, 2019 at 9:07 pm #1126665
    ICEMAN

    Hi Rikard,

    Thank you for your help, it’s very nice of you,

    You can close this topic,

    Best Regards,
    Iceman

    August 12, 2019 at 5:06 am #1126719
    Rikard

    Hi,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘2 different H1 style’ is closed to new replies.