Viewing 2 replies - 1 through 2 (of 2 total)
  • There is a style for your WooCommerce tabs that is causing the center align

    .qodef-woo-single-page.qodef-custom-product .woocommerce-tabs .entry-content.woocommerce-Tabs-panel--additional_information, .qodef-woo-single-page.qodef-custom-product .woocommerce-tabs .entry-content.woocommerce-Tabs-panel--description {
        text-align: center;
    }

    either find where that is entered and change it to text-align: left;

    or place into your custom style sheet

    .su-spoiler.su-spoiler-style-default.su-spoiler-icon-chevron.disclaimer {
        text-align: left;
    }

    Note that will only left align the Spoiler Short-code with custom class “disclaimer”

    _______________________
    I suggest you study up how to use Chrome DevTools (right click/Inspect when using Chrome – other browsers have similar) to test out css changes
    https://developers.google.com/web/tools/chrome-devtools

    Get familiar with CSS

    Check to see if your theme is using a Custom Style Sheet or an area to enter custom styles. Don’t make changes to your main style sheet as they will be overridden on theme updates.

    A plugin like Child Theme Wizard will create a custom style sheet for you
    https://en-au.ww.wp.xz.cn/plugins/child-theme-wizard/
    or
    Child Theme Generator
    https://ww.wp.xz.cn/plugins/child-theme-generator/

    Thread Starter nanciizhang

    (@nanciizhang)

    Thank you for your help NightL! This solved my issue. 🙂

    Appreciate the help!

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

The topic ‘Spoiler Short-code in the Short-code plugin’ is closed to new replies.