[resolved] Full Width Background (3 posts)

  1. David
    Posted 3 years ago #

    I'm looking to make the width of the title menu a fixed width. I've modified the CSS of the plugin like this and I thought it would work.

    '.collapseomatic {
    color: white;
    width: auto;
    background-image: url(images/arrow-down.png);
    background-repeat: no-repeat;
    padding: 0 0 0px 16px;
    border-style:outset; border-width:3px;
    cursor: pointer;

    However, it does not. I've tried setting a size width as well, also messing with the padding and margins to fix it, but it's not working.

    Here is the site, http://www.buydirectcompositefence.com/product-details.

    I can modify the color of the box, the text, the margins, but not the width of the container. Does anyone have any good ideas?



  2. Baden
    Plugin Author

    Posted 3 years ago #

    By default the shortcode will use a span tag as the trigger text wrapper. Spans can not be set to a specific width. Use the Tag Attribute to change the wrapper to a div or h3 like so:

    [expand title="test" tag="div"]content...[/expand]

    Also, it's not recommended that you change the plugin's style.css, as this will be overwritten when/if you update the plugin. Better to 'overwrite' the css in your theme's style.css... or better yet, create a special class, and assign this class using the trigclass attribute.

    Let us know if you get it sussed out.

  3. David
    Posted 3 years ago #

    That made everything work great. The tag feature is awesome. It will help me customize those areas a lot.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Collapse-O-Matic
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic