Stock ticker element stretches beyond container width

  • Resolved kclarksubtel

    (@kclarksubtel)


    2 years, 4 months ago

    I am currently building out a new web layout for our company website, and we wanted to have a stock ticker to add some context about our industry. However, the stock ticker element seems to display hanging off the right edge of the container by a quite noticeable margin. If other elements are in the same container, they too are rendered further to the right than intended.

    Is there a way to fix/customize this? Otherwise, I think the plugin does what we want, though I am unsure if the data is updating automatically. Is there a general idea of how often the data from Alpha Vantage API is updated? I don’t need truly real time but being within 15-30 minutes would be ideal.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Aleksandar Uro?evi?

    (@urkekg)

    Hello @kclarksubtel

    Thank you for choosing StockTicker for your project!

    Due to too complex CSS, allowed max-width over 100% and negative margins, mixed with flexbox, you got that issue.

    You should be able to fix widths and margins for wrappers on the page builder where StockTicker is inserted, or use the following CSS:

    .fusion-builder-row.fusion-row.fusion-flex-align-items-flex-start:has(.fusion-text-1 .stock-ticker-wrapper) {
	max-width:100%;
	margin: 0;
}
.fusion-column-wrapper.fusion-flex-justify-content-flex-start.fusion-content-layout-column:has(.fusion-text.fusion-text-1 .stock-ticker-wrapper) {
	margin:0;
}

    Now, how often data on AlphaVantage is refreshed – it should be 15-30 minutes, although not sure how it’s now. We use GLOBAL_QUOTE endpoint, so you are free to look for more info starting from https://www.alphavantage.co/documentation/#latestprice

    Please let me know if you have any further questions.

    Kind regards,
    Aleksandar

Viewing 1 replies (of 1 total)
  • The topic ‘Stock ticker element stretches beyond container width’ is closed to new replies.