Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

accordion styling not working

  • Hi,
    I’ve set up an accordion for the job offer(s) on our site, link in private information.
    I had to use the following css to style some elements.

    .lsow-accordion.style3 .lsow-panel .lsow-panel-title {
        position: relative;
        display: block;
        padding: 20px 50px 20px 5px;
        font-size: 22px;
        line-height: 32px;
        letter-spacing: 1px;
        font-weight: 300;
        text-transform: none;
        color: #535353;
        margin: 0;
    }

    I would like to set the accordion header (closed) with a different color background and I need to get rid of the “+”-button as well.
    Thx,
    Torsten

  • Hi there,

    you may want to talk to that plugin developer, as it may be possible in the plugins settings (?)

    But i took a look and here some CSS:

    1. remove the +/x button:

    .lsow-accordion.style3 .lsow-panel .lsow-panel-title:after {
        content: unset;
    }

    2. add a background color when its closed you can try:

    .lsow-panel {
        padding: 20px;
    }
    .lsow-panel:not(.lsow-active) {
        background-color: #ddd;
    }
  • sorry, you’re right, it’s a SiteOrigin subject…
    Thx anyway.
    😉

  • You’re welcome

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.