Text Alignment Issues on Pages

  • Resolved paulcyberengel

    (@paulcyberengel)


    4 years, 1 month ago

    I have an introductory page to my site. On that page I have some paragraphs that are center aligned, others left aligned. When I preview the page the text aligns as I want. When I publish the page, all paragraphs align center.

    When I inspect the element in Safari I find a rule in Style.css that is forcing a center alignment.

    .page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header {
    max-width: 41.0994671405em;
    margin-left: auto;
    margin-right: auto;
    text-align:center
    }

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

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

  • Hello @paulcyberengel ,

    I have checked your site and could not locate which items are supposed to be left and now forced to center. A screenshot will be helpful to understand. You can use https://snipboard.io/ to share a screenshot.

    As this is not actually related to WooCommerce, you can contact your theme developers to get their suggestions. The homepage is mostly designed by the theme developers so they can suggest the correct way to approach the changes.

    Thank you ??

    Hi there,

    We’ve not heard back from you in a while, so I’m marking this thread as resolved.

    Hopefully, you were able to find a solution to your problem! If you have further questions, please feel free to open a new topic.

    Thank you ??

    Thread Starter paulcyberengel

    (@paulcyberengel)

    Sorry, it’s been a bit crazy lately.

    This is the Storefront theme from WooCommerce.

    If you look at https://constitutionscholars.com you should see that the bullet list below the video is centered, even though it is set to align-left.

    The paragraph directly after is left justified because I was able to tweak the CSS, but that is not a solution in my mind.

    Hello @paulcyberengel ,

    This is not actually related to WooCommerce. However, I can suggest you use this CSS under your wp-admin > Appearance > Customize > Additional CSS to make the list item content left aligned –

    .page-template-template-homepage .entry-content ul li {
    text-align: left;
}

    You can post queries related to the Storefront theme in this forum – https://www.ads-software.com/support/theme/storefront/

    Thank you ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Text Alignment Issues on Pages’ is closed to new replies.