WordPress.org

Forums

Collapse-O-Matic
[resolved] Theme's styling not overwriting COM (8 posts)

  1. JCKnoell
    Member
    Posted 2 years ago #

    I'm trying to add styling to my titles:

    .collapseomatic {
        background-image: url('images/arrow-down.png');
        background-repeat: no-repeat;
        padding: 0px 0px 0px 16px !important;
        cursor: pointer;
    	border: 1px solid black !important;
    }

    but for some reason, the inspector tool still says it's receiving it's styling from "light-style.css", which is a COM stylesheet, right?

    I put the custom css into my theme's style sheet and it's not showing up with a border... Any thoughts on this?

    http://beta.cleantelligent.com/benefits-test-mobility

    https://wordpress.org/plugins/jquery-collapse-o-matic/

  2. JCKnoell
    Member
    Posted 2 years ago #

    I placed the styling in the html code on the page and it's working for now, but I would rather not have to leave it there...
    It should work when placed in my theme's css, correct?

  3. JCKnoell
    Member
    Posted 2 years ago #

    Also, I'm not able to define a width for the title. I'd like my trigger texts to have borders and background colors and to all be the same width... Is this possible? When I try to change the class "collapseomatic" it only applies to the arrow image and changes that... can I specify a width for the title container?

  4. Baden
    Member
    Plugin Author

    Posted 2 years ago #

    what happens when you place your css in the plugin's settings page under custom css?

  5. JCKnoell
    Member
    Posted 2 years ago #

    Awesome. That totally works. Will it overwrite it though when the plugin is updated?

    Also, can you help me with my second issue regarding the width of the border?

    Thanks for your help. This is truly a great plugin, and it's the only one I could find with the features I needed.

  6. JCKnoell
    Member
    Posted 2 years ago #

    Maybe something to do with the span would work? I tried styling the width of the span and the id themselves, but nothing would allow me to extend the borders...

  7. JCKnoell
    Member
    Posted 2 years ago #

    Well, I figured it out. I used my own custom div to determine the width of the border, then used the .collapseomatic class to determine the rest.

    Also, I figured out my css. I had some validation errors in my style sheet.

    It's always something, am I right?

    thanks for the help!

  8. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    Well done JCK! Issue Resolved.

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