Okay
  Public Ticket #2618946
Style h1 as p (or other tag)
Closed

Comments

  •  28
    Co-Brains started the conversation

    Hi! I'd like to style my <H1> as a <p> element (or other tag), without changing the <H1> tag and maintaining the same style of <p>. Is there a way to do that?

    thank you

  •  2,963
    Andrew replied

    Hi there,

    Try reducing the font weight and font size

    1146022551.png


    Kind regards.

  •  28
    Co-Brains replied

    Hi! thank you for your response, but this is not what I was looking for.

    I don't want to edit my h1 style, because in other parts of my website is fine as it is. I just want to "disguise" my h1 like a p (only one time, not every time).
    I think it can happen maybe with a class that has the same style of a p and update every time I change the p style in the general option, but I didn't find any of them.

    is there a solution for that?

  •  2,963
    Andrew replied

    Hi Co-Brains,

    Please share a link to where you have set that so that we see if there is a possible solution.

    Thanks.

  •   Co-Brains replied privately
  •  2,963
    Andrew replied

    Hi Co-Brains,

    Try the following custom css:

    .wpb_wrapper h5 {
        font-size: 35px !important;
    }
    

    Kind regards.

  •  28
    Co-Brains replied

    okay, but when it will display on mobile it will not have the right size like other h1, I will display the text as big as the h1 on desktop

  •  2,963
    Andrew replied

    Hi Co-Brains,

    Use media queries for mobile and desktop:

    /*Desktop*/
    @media only screen and (min-width: 1000px) {
       .wpb_wrapper h5 {
        font-size: 35px !important;
    }
    }
    /*Mobile*/
    @media only screen and (max-width: 1000px) {
        .wpb_wrapper h5 {
        font-size: 25px !important;
    }
    }
    

    Kind regards.