Font & Alignment changes

  • Resolved afterthoughtcommittee

    (@afterthoughtcommittee)


    4 years, 4 months ago

    Hello,

    for seemingly no reason at all, certain elements of my page are loading their alignment, font size, or padding settings incorrectly.

    On mobile, for example, the “Preorder” buttons is no longer centered, despite checking every setting.

    The author bios are all formatted exactly the same way, but for some reason the “Kyle Tam” block loses its padding, font size, and alignment settings.

    Also on mobile, the checkout page payment box is no longer the correct color, which results in the text clashing with the payment block. Is there any way to change the text color just for that block?

    Thank you in advance for ooking things over. I’ve never made a website before and this is all very confusing.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • luciamarinescu

    (@luciamarinescu)

    4 years, 4 months ago

    Hi @afterthoughtcommittee,

    Thanks for choosing Neve!

    I checked your site, but I couldn’t see any of the issues reported above. The preorder button is centered on my end, the “Kyle Tam” author bio is displayed as the rest of the author bios and no layout issue seems to appear on the checkout page. Here is one example with the author bio that is displayed properly for me. Let me know if you still encounter these issues.

    Have a nice day!

    Thread Starter afterthoughtcommittee

    (@afterthoughtcommittee)

    4 years, 4 months ago

    Thanks for checking in! I was able to fiddle a bit and fix the mobile version which you had shared in your screenshot. Unfortunately, it now displays improperly on desktop as you can see in a screenshot here.

    luciamarinescu

    (@luciamarinescu)

    4 years, 4 months ago

    @afterthoughtcommittee It’s possible to fix that on desktop by adding the code below in the Additional CSS section within the Customizer.

    @media(min-width: 768px){
p#wp-block-themeisle-blocks-advanced-heading-19f414a6 {
    text-align: center !important;
    padding-left: 45px !important;
    padding-right: 45px !important;
    font-size: 16px !important;
}
}

    Let me know how this goes!

    Thread Starter afterthoughtcommittee

    (@afterthoughtcommittee)

    4 years, 4 months ago

    Thank you so much for the fix, luciamarinescu! That worked perfectly. I appreciate you taking the time to help me out 😀

    luciamarinescu

    (@luciamarinescu)

    4 years, 4 months ago

    Wonderful, I’m glad to hear it worked! Thanks for letting me know 🙂

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

The topic ‘Font & Alignment changes’ is closed to new replies.