Text not aligning with headers

  • Resolved chefkimg

    (@chefkimg)


    3 years, 10 months ago

    Hello,

    My site is in the process of being built and designed. That being said, today I went on to finally begin adding the good stuff and realized that the body of text is not lining up with the headers. The breadcrumbs are not either or are the the post author information. I have tried everything to fix it along with contacting WP engine who told me my site has no errors or recent updates meaning I don’t seem to have done anything wrong. I tired turning off all plugins that didn’t work and even deleted CSS that I had most recently added, which didn’t work. The text was fine a few days ago and today I go on after a few days of being off to find that it’s a jumbled mess. Here is one page- https://www.danceswithknives.com/walnut-arugula-pesto-new/. You can see that the text isn’t aligned with the header or the breadcrumbs. It is the same issue on this page and all the pages: https://www.danceswithknives.com/plant-based-culinary-services/

    Again I’ve made no changes. The WP Engine tech said it could be the theme as he found no errors.

    I just can’t seem to fix the issue. Any thoughts?

    The page I need help with: [log in to see the link]

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

  • Hi, @chefkimg

    Your last widget (Subscribe) adds some CSS lines wrapped with <style> ... </style>
    The important rule is this one:

    p {
...
margin-right: 45px;

...
 }

    This will add a 45px margin to all paragraphs. You only need this rule to that specific widget, but it applies to all of your page now.

    Are you able to edit that widget HTML code? If so, replace this:

    p {font-family: poppins; font-size: 17px; margin-right: 45px; margin-left: 45px; margin-top: 10px; margin-bottom: 5px; }

    with this:

    #mc_embed_signup p {font-family: poppins; font-size: 17px; margin-right: 45px; margin-left: 45px; margin-top: 10px; margin-bottom: 5px; }

    Let us know if you can edit your widget and if the above suggestion works. If not, we can suggest another solution.

    Kind regards.

    On a closer look, you might not be able to edit your widget text and that might be a plugin that deals with it. Here’s another solution:

    Try adding this in Dashboard – Appereance – Customize – Additional CSS in the Customizer

    p {margin-left:0;}
#mc_embed_signup p {margin-left:45px;}

    You can learn how to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

    Hope this helps.

    Thread Starter chefkimg

    (@chefkimg)

    This worked with this:

    #mc_embed_signup p {font-family: poppins; font-size: 17px; margin-right: 45px; margin-left: 45px; margin-top: 10px; margin-bottom: 5px; }

    THANK YOU SO MUCH

    I have learned how to use inspect element, but I’m a newbie learning more each day. I really appreciate your help.

    It is not a widget I was using. I build that box using some mailchimp code and added the rest myself. I didn’t realize that when I added the p Css on a page that it would edit the whole site. I was under the impression that if you added it to an individual page it only impacted that, but live and learn.

    Thanks again!

    Happy New Year!

    Happy to help!
    Glad you sorted that out and it works properly now!

    If your question has been answered, we would love if you would mark this topic as resolved in the sidebar. This helps our volunteers find the topics that still need attention and more people will get helped, possibly like you did.
    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Text not aligning with headers’ is closed to new replies.