Create a gradient bar for each title.

  • I have 5 titles.
    For each one I want a different colored gradient bar. To give it some dimension, style and color. We don’t want the wording just floating…

    Having so many issues trying to style this. Gradient not working. Cant get the bars to work right.
    The arrow keeps vanishing as well.
    I want the title bars to be the width of the content area. The contents inside would be the same width as well.
    Need to present this to someone this way.

    Then I need to present/show it another way where each title bar goes across the screen as a repeat scroll (so its responsive…(I think repeat scroll is the right wording)
    but then when you click on the arrow to open the title bar to expand… the content should just be the width of my content area. (of course)

    https://www.ads-software.com/plugins/jquery-collapse-o-matic/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Joe18

    (@joe18)

    This is not a good example of what I’m trying to do because it’s slightly obnoxious visually. You will have to scroll down and you will come to the bars. They open up.
    https://www.ibm.com/smarterplanet/us/en/ibmwatson/implement-watson.html
    They dont have a gradient which I want either.

    This example shows the bar going all the way across. Yes…I need it to do that so I can show what it will look like once the gradient is put into each bar.

    But I also need to show it only as the width of my allowable container/content area.

    I hope I gave enough information. I have no link of my own to give you since what I have done so far is a mess and I need to just start over.

    Plugin Author Baden

    (@baden03)

    It sounds like you need some CSS help. Do you have someone that can support you in this?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Create a gradient bar for each title.’ is closed to new replies.

Tags