Text not aligning with headers

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

    (@vladytimy)

    5 years, 3 months ago

    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.

    Vlad

    (@vladytimy)

    5 years, 3 months ago

    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)

    5 years, 3 months ago

    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!

    Vlad

    (@vladytimy)

    5 years, 3 months ago

    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.