Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 2, 2014 at 5:21 pm #273351
    DaveL77

    I updated the site to the most recent theme.
    All of my spacing through HR whitespace has been broken.

    I try to set different heights using the element, 1px, 100px, 1000px, etc and they have 0 effect on the actual whitespace element.

    I’m not entirely sure what to do here as i’ve tested it through inspect element on chrome and through the backend page creator.

    Example: http://gyazo.com/b9b969e60446b699120afb420ec19355
    I currently have the HR element set for 1px, however it seems like a lot more than 1px of whitespace.

    It seems as if the HR element is not really adding the proper amount of spacing at the moment.

    June 3, 2014 at 2:11 am #273672
    Devin

    Hey DaveL77!

    Can you first try updating to 2.8.1 and then try removing an HR element, saving, adding one back in and see if that helps.

    Regards,
    Devin

    June 4, 2014 at 2:27 pm #274502
    rhsheehan

    I am having the same issue and updated to 2.8.1 and followed your steps Devin. However, it did not work.

    June 4, 2014 at 5:09 pm #274578
    DaveL77

    It did not work for me, same issue still persists.

    June 4, 2014 at 10:58 pm #274826
    Devin

    Where on the page is the HR element at that is malfunctioning? In the header the HR element is showing being set at 22px and then has the default 30px margin on the top/bottom.

    I’ve had some very loose weirdness with HR elements myself but so far its been a very rare occurance where it happens, I replace the element from scratch and its back to normal.

    June 5, 2014 at 5:28 pm #275234
    DaveL77

    This wasnt an issue before the theme update.

    This section:
    http://gyazo.com/5e18e1ade6d12796b49f7529dae8ac9a

    Had a 20px whitespace before the update and it was aligned perfectly center, now after the theme update this changed to look how it looks in the photo.

    I have used whitespace in A LOT of places on the website (400+ pages) and I don’t understand why I’d have to re-do every whitespace I’ve set up previously because of this.

    I do understand how there is a 30px margin, which makes sense I add -10 to the whitespace of this
    http://gyazo.com/5e18e1ade6d12796b49f7529dae8ac9a

    And it aligns perfectly.

    Is there a way to remove the default margin? as it’s clearly effected everywhere on my website.

    Thanks.

    June 6, 2014 at 4:33 am #275435
    Ismael

    Hi!

    Thank you for the update.

    I don’t know if this is going to help but the two pages Privacy Matters and Security Matters is not set up with the same layout. The title or text block “Privacy Matters” is inside the a column layout while the title “Security Matters” is not. There is also an inline style on both title but they’re not the same. This is for the Privacy Matters page:

    <p style="text-align: left; font-size: 50px; color: #adadad; font-weight: 600;">Privacy Matters</p>

    This is for the Security Matters page:

    <p style="text-align: left; font-size: 50px; color: #adadad; font-weight: 600; line-height: 120%;">Security Matters</p>

    The difference is the line-height property. My point here is, there’s nothing wrong with the hr element but the way you set up the page.

    Regards,
    Ismael

    June 6, 2014 at 6:13 pm #275721
    DaveL77

    Both pages did not have the ShareThis / AddThis plugin showing up as we had uninstalled it.
    The pages (Privacy Matters and Hacking Matters both show the plugin

    Prior to updating the theme, the social media icons would line up with the main page title perfectly using a 45px whitespace.
    After updating it is clear to see how off they are.

    I apologize for not updating this thread on how I had changed things.
    I’ll leave everything on those two pages specifically.

    My thoughts are that the 30px default whitespace is causing the issue, as it was never misaligned before.

    The same goes for the homepage, the signup for early access text was ORIGINALLY 20px of whitespace, it is now -10px. (Which of course would equal 20px)

    I’m wondering if we could just remove the default 30px whitespace, might fix things?

    Thanks for all of your help thus far!!

    June 7, 2014 at 7:43 am #276015
    Ismael

    Hey!

    Thank you for the info.

    The social plugin buttons are inside the one third flex column, maybe you added it manually on the page. Please check the page then remove the columns. Try to remove the default horizontal margin with this on Quick CSS:

    body .container_wrap .hr.avia-builder-el-last, body .container_wrap .hr.avia-builder-el-first {
margin: 0;
}

    Cheers!
    Ismael

    June 9, 2014 at 5:02 pm #276463
    DaveL77

    That code fixed my issue.
    The issue was definitely caused in a theme update, as I’m running an old theme on a different install and the margins were not there.

    http://hackjacketdevs.wpengine.com/privacy-matters/infographics/ (hosted on WPengine) (running an old theme, hjdemo is the U & P)
    Inspect element doesn’t show any margin, so this must have been recently added in a theme update.

    I’ve since fixed the issue and my HR elements are showing correct spacing
    http://hackjacket.staging.wpengine.com/internetprivacymatters/infographics/

    Thank you.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘HR element not recognizing spacing / breaking site layout after update.’ is closed to new replies.