Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Scroll


Hey team,

How can I use scroll-x defined here https://preview.keenthemes.com/html/metronic/docs/general/scroll

with pricing cards here https://preview.keenthemes.com/metronic8/demo1/pages/pricing.html

Assume I have more than 6 items. I need a scroll-x here but I can't activate it as described in the documentation.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (4)


<p>Prayer Mat Price in Pakistan - Discover competitive prayer mat prices in Pakistan at QudratUllah. We offer a range of options to suit every budget without compromising quality. Shop now and find the ideal prayer mat that fits your needs.</p>



Hello! I recently used Tinkogroup's data entry services and it was one of the best solutions for my business. They helped me with processing large amounts of data, which greatly increased the efficiency of my operations. Not only do they ensure accurate data collection and verification, but they also offer data processing services in CRM, Quickbooks, and even on platforms like Shopify. Thanks to their professionalism, I can focus more on core business processes without worrying about routine tasks.



Implementing scroll-x functionality allows horizontal scrolling for elements with overflow content, enhancing user experience by accommodating more items in a limited space. For updates on the Josh Baazov current news , follow reputable news sources and cybersecurity reports to stay informed about the latest developments and implications.



Hi,

To have scrollable pricing blocks you will need to customize the code as shown below:


<!--begin::Row--> 
<div class="d-grid">
<div class="scroll-x">
<div class="d-flex gap-10">
<!--begin::Col-->
<div class="w-300px flex-shrink-0">
...
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="w-300px flex-shrink-0">
...
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="w-300px flex-shrink-0">
...
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="w-300px flex-shrink-0">
...
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="w-300px flex-shrink-0">
...
</div>
<!--end::Col-->
</div>
</div>
</div>
<!--end::Row-->


Please give a try and let us know if you need any further help.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(