html not working on Generatepress

  • meteoremily

    (@meteoremily)


    3 years, 2 months ago

    We were using the elementor element “Image Box” for the website I have to add HTML code to have a horizontal rule <HR> Please see image 1 & Image 3 (didn’t add any additional spacing compare to image 2)
     HTML code:  <HR WIDTH=”100%”COLOR=”#EB7F00″size=1″>

    When I import onto the live site the line won’t show up and the spacing is aren’t correct too. please see image 2).

    Then I found out that in  image 1 & Image 3 on staging website theme was “Twenty Twenty-Three” on staging

    and the live website is using GeneratePress. We would like to know what to do to make the Horizontal Rule <hr > HTML code work on GeneratePpress. hope you can give us some solutions. 

    • This topic was modified 3 years, 2 months ago by meteoremily.
    • This topic was modified 3 years, 2 months ago by meteoremily.
    • This topic was modified 3 years, 2 months ago by meteoremily.
Viewing 4 replies - 1 through 4 (of 4 total)
  • David

    (@diggeddy)

    3 years, 2 months ago

    Hi there,

    GP doesn’t do anything to stop HTML from working… but it may be just a CSS style conflict.

    If you can share a link to where i can see the problem, then we can take a look

    Thread Starter meteoremily

    (@meteoremily)

    3 years, 2 months ago

    @diggeddy Hi David

    Thank you for your reply.

    here is the link

    Theme with Twenty Twenty-Three

    Theme with GP

    David

    (@diggeddy)

    3 years, 2 months ago

    GP uses a different method to style the HR which overwrites this method:

    <hr width="" color="#EB7F00" size="1">

    NOTE: that the use attributes in the hr tag are deprecated, and should not really be used. Reference MDN

    And the GP HR Styles are being overwritten by Elementor.

    To fix that i would give the HR a CSS Class

    <hr class="custom-hr">

    and use CSS to style it:

    hr.custom-hr {
    border: 1px solid #EB7F00;
}
    Thread Starter meteoremily

    (@meteoremily)

    3 years, 2 months ago

    @diggeddy

    Hi Daivd,

    Big thank you for letting me know. It works now.
    GP THEME with HR

    but there is a weird thing happening at back in editing when I was working on it.

    If i pressed the volume 1 – issue# its will pop out 2nd line. but when i press save and look at the front it doesn’t show up. Is that normal thing?

    Issue image

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘html not working on Generatepress’ is closed to new replies.