Implement custom style to timeline description bubble.

  • Resolved suzoy

    (@suzoy)


    9 years, 1 month ago

    Recently I have used “Timeline Express” and got satisfied on the out put of free version. I am using this plugin on demand of my client. Now I wanted to remove few timeline container background, not from all container bubbles background but from specified container. I have checked the admin panel thoroughly and Add-on page but did not get any option to achieve my goal. I am looking something like the icon-option, which allow us to change icon, color etc on each announcement. Is there any option to put custom css or way to declare css selector? Looking forward to your kind attention.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Code Parrots

    (@codeparrots)

    9 years, 1 month ago

    Hi @suzoy,

    Yes, you can right click the announcement that you want to adjust and select “inspect element” to get the CSS selector.

    The date and a few other CSS selectors are generated and assigned to the container for each announcement.

    Without your install we cannot provide the proper CSS for your site.

    Thanks

    Thread Starter suzoy

    (@suzoy)

    9 years, 1 month ago

    Hi CodeParrots,

    Here is my installation.
    https://www.investormanagementservices.com/onboarding/

    I want to have my own custom css not hard coded into the plugin files as when I update that plugin in near future the hardcoded styles will be altered or removed.

    Thanks

    Thread Starter suzoy

    (@suzoy)

    9 years, 1 month ago

    Hello

    I have checked your reply and re-post about my requirement.

    Here is my page – https://www.investormanagementservices.com/onboarding/

    Our requirement is small icons, like I managed for Contract Signed, Parties Engaged, Due Diligence etc. But I can’t managed the title font size, container bubbles background only for these timeline items.

    If I use css to implement the container bubble background, Title of the Bubble it affects all the bubbles container. I want a different style for “Contract Signed, Parties Engaged, Due Diligence, Platform Goes Hard, Dry Closing, Closing” these announcements only.

    Please suggest a way to implement the above mentioned.

    Looking forward to your reply.

    Thanks

    Plugin Contributor Code Parrots

    (@codeparrots)

    9 years, 1 month ago

    You can style “Contract Signed” by using the following CSS:

    .announcement-20962 {
   // styles
}

    You can style “Parties Engaged” by using:

    .announcement-20975 {
   // styles
}

    Those are styled using the announcement ID that is found in the URL of the announcement edit screen. If you want to add custom classes to your announcements you can take a peek at our documentation about how to enable the ‘custom class’ text input field: https://www.wp-timelineexpress.com/documentation/can-add-custom-classes-announcement-container/

    In short, you can add the following single line of code to your themes functions.php file to enable custom classes:

    define( 'TIMELINE_EXPRESS_CONTAINER_CLASSES', true );

    Thread Starter suzoy

    (@suzoy)

    9 years, 1 month ago

    I have implemented the solutions that you provided and is works.

    https://www.investormanagementservices.com/onboarding/

    Thank you/ team for your assistance and Response.

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

The topic ‘Implement custom style to timeline description bubble.’ is closed to new replies.