Problems with code and CSS – Timeline v1.0.4

  • Resolved Ron B

    (@rwbroome)


    10 years, 2 months ago

    I really like your plugin idea, design and concept, but I am having several serious problems:

    – the plugin is clobbering font size/weight and line height (and other CSS styling) on ALL pages, not just on the page the timeline plugin is used. I can see the CSS overrides coming from bootflat.css (flattened Bootstrap CSS ?) How are you registering/enqueuing the CSS ? – you shouldn’t have to include BootStrap CSS if it’s already present. Are you always using CSS selectors and classes specific to the plugin?

    – plugin is adding “Read More” links/buttons and/or blocking the display of post content on post pages for other post types. Are you correctly checking the post_type for the custom_post_type template you’ve created and just applying it to the post type you’ve created? Correctly applying post options just to your post_type?

    I am using the JumpStart Theme(wpjumpstart.com) from ThemeBlvd which is built on the BootStrap framework and ThemeBlvd proprietary framework components.

    I am using s child theme to implement this website. JumpStart does not require enqueuing of a child theme or CSS, so I am not enqueuing (just relying on WP template tag in child CSS).

    I can verify that it is the timeline plugin causing the problem by deactivating it. I don’t see this problem with other plugins that use Bootstrap or their own custom post types.

    Thanks.
    R

    https://wordpress.org/plugins/cool-timeline/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author CoolHappy

    (@narinder-singh)

    10 years, 2 months ago

    Hi

    I have fixed css issues in recently released version.Please update your plugin.
    Can you please send me screenshot of second error(Read more issue)

    Thanks

    Thread Starter Ron B

    (@rwbroome)

    10 years, 2 months ago

    Hi Narinder,

    It looks like that most recent version fixed the font CSS issues.

    There still seems to be a problem with CSS being affected in other pages though. The Bootstrap column widths on other pages are now getting clobbered in bootstrap.min.css (.col-sm-XX, .col-md-XX, etc.). I imagine that other bootstrap CSS is also affected, but this is what I see immediately.

    Plugin CSS often loads after Theme CSS in WordPress. If you are applying style changes to Bootstrap classes in your plugin CSS, you should wrap the HTML of your plugin with a class specific to your plugin (i.e., <div class="cool-timeline"> ) and then apply CSS selectors to in your CSS selective for bootstrap overrides (i.e., .cool-timeline .col-sm-3 {...} ).

    Regarding the original 2nd problem: I have a screen shot for you, but I don’t see your email address or a way to post images on your support page. I will you send my email address from your demo page. Please reply to that so I can email you a jpeg.

    Ron

    Thread Starter Ron B

    (@rwbroome)

    10 years, 2 months ago

    I found your email address on the Settings page and sent you a more extensive description and the screenshot.

    I do like your design idea a lot!

    Ron

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

The topic ‘Problems with code and CSS – Timeline v1.0.4’ is closed to new replies.