search

publishpress / PublishPress-Blocks

PublishPress Blocks adds the missing blocks and configuration you need to build professional websites. Take the control of the new Gutenberg editor with user edition profile configuration and 20+ new blocks and options.
15 stars 8 forks source link

Order list icon align in a stright line as the header when going live but in the admin preview, it creates a dash or space #255

Open Ahmedabbas21 opened 3 years ago

Ahmedabbas21 commented 3 years ago

Steps to Reproduce:

  1. Install and activate "PublishPress Blocks" plugin
  2. Go to “Add New post” or choose a post to edit
  3. Click "+/plus" sign to add a new PublishPress block
  4. New post page will be displayed
  5. Type "Advanced Accordion" on the search bar and click "Advanced Accordion" block
  6. “Add title” and 2x Header text will be displayed
  7. Add title as “Full List of Mercedes-AMG Cars Ever Made”
  8. Add any list you wish
  9. Click “Order list” and select black circle icons and preview in admin and compare it live site

Expected results: Order list to have dash or space like how in the admin preview (Screenshot #1) Actual results: In admin preview it displays as there is dash or space. In live view displays list as align with header (Screenshot #2)

Screenshot #1 Order list align with space

Screenshot #2 Order list align with header

htmgarcia commented 3 years ago

@Ahmedabbas21 probably relies on the theme CSS.Looks fine in Twenty Twenty-One. Which theme are you using in this test?

Ahmedabbas21 commented 3 years ago

Hi @htmgarcia,

I'm using Shopay Store theme. I will start using Twenty Twenty-one from now on