• Resolved maxiixam

    (@maxiixam)


    The contents table doesn’t indent the page levels on a published post, for example a H3 header goes directly under a h2 header on the table instead of being pushed a little to the right.

    On the edit page the table indents the levels correctly but on the actual post this doesn’t happen: https://ibb.co/Jzj5RpT

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Imtiaz Rayhan

    (@imtiazrayhan)

    Hi,

    Thanks for reporting the issue.

    One possible reason for this happening could be theme CSS overriding the plugin CSS.

    Is it possible to share a link where we can see it live? That would help us to determine the issue.

    Please let me know.

    Regards.

    Thread Starter maxiixam

    (@maxiixam)

    Thanks for your response, here is the link: https://homegrownincome.net/test-blog-post-3/

    Plugin Author Imtiaz Rayhan

    (@imtiazrayhan)

    Hi @maxiixam,

    I just checked your page. It seems like theme CSS is overriding plugin CSS. As a result the indentation was not working.

    Please add the following CSS in Additional CSS section of Customizer. You can access it from Appearance > Customize > Additional CSS.

    .ub_table-of-contents ul, .ub_table-of-contents ol {
        margin: auto !important;
        margin-bottom: 0 !important;
        margin-left: 1.3em !important;
        -webkit-padding-start: 0;
        padding-inline-start: 0;
        padding-left: 0 !important;
    }

    To stop theme from overriding the CSS for Table of Contents list, I have added !important to CSS values.

    Please let me know if you need further assistance.

    Regards.

    Thread Starter maxiixam

    (@maxiixam)

    Thank you, that worked, can you give me some CSS code to make the contents table display a row of 10, then have another row of 10?

    Similar to how it looks on this page where it displays rows of 5: https://roadtoblogging.com/table-of-contents-wordpress-plugins/

    Reference image: https://ibb.co/Lv8JwWr

    Plugin Author Imtiaz Rayhan

    (@imtiazrayhan)

    Hi @maxiixam,

    You will not need CSS for that.

    We already have the option to make it into two or three columns.

    Please check here https://ibb.co/fG4Tg5F

    Regards.

    Thread Starter maxiixam

    (@maxiixam)

    Thank you, I’ll check it out.

    Thread Starter maxiixam

    (@maxiixam)

    Hi Imtiaz, I have a small issue with the “styled box” notification text. I want to style the notification text globally but I can only style individual blocks since the CSS IDs are unqiue.

    For example I have two notification texts on this page: https://homegrownincome.net/test-blog-post-3

    The first one is: #ub-styled-box-e849fbbb-bcc3-48eb-aac0-9d5ea44afd05 .ub-notification-text

    The second one is: #ub-styled-box-27b22c5f-ad86-4a3c-ac12-c318f996c554 .ub-notification-text

    How can I change the default style for all notification texts?

    • This reply was modified 4 years, 11 months ago by maxiixam.
    Plugin Author Imtiaz Rayhan

    (@imtiazrayhan)

    Hi @maxiixam,

    Although the IDs are unique, you can style all the notification texts by targeting the class –

    .ub-notification-text

    Hope this helps.

    Regards.

    Thread Starter maxiixam

    (@maxiixam)

    Thank you, it worked.

    • This reply was modified 4 years, 11 months ago by maxiixam.
Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Subheadings levels not indented on post page’ is closed to new replies.