AbanteCart Community

eCommerce construction => How-to questions => Topic started by: MdRcRacing on October 02, 2025, 08:57:50 PM

Title: Novator Main Page Carousel CCS help
Post by: MdRcRacing on October 02, 2025, 08:57:50 PM
I can't for the life of me figure out what class I need to change.

in the Novator Main Page Carousel Block, I need to adjust/shift the text to the left or right depending on which slide the user is on.   I noticed all the slides all use some of the same class blocks

<div class="carousel-caption d-none d-lg-flex">
            <div class="container">
              <div class="row">
                <div class="col-md-5 text-start">
                  <h1">Custom Metal Work</h1>

I've tired searching the css for the different titles, but didn't find any results.

the col-md-5 just has me lost, as I can't even find that within the css file.   
I'm trying to move the h1 line to the left 200px, then the next div slide I need to move xxpx to the left.   The text location needs to change between the 4 slides. 

If anyone could help me out I would be grateful..

Thank you
Title: Re: Novator Main Page Carousel CCS help
Post by: Basara on October 03, 2025, 07:35:34 AM
Hello.
Please share the URL to your site
Title: Re: Novator Main Page Carousel CCS help
Post by: MdRcRacing on October 06, 2025, 08:51:41 PM
https://testing.digitaldesigned.com/index.php?rt=index/home
Title: Re: Novator Main Page Carousel CCS help
Post by: abolabo on October 07, 2025, 06:00:11 AM
try this

<div class="col-md-5 col-xl-12 text-center text-white ">
    <h1 class="ms-4 text-white">Custom Metal Work</h1>
    <p class="mb-4">Shop our collection of Metal signs and decor</p>
    <a href="#" class="btn btn-outline-light">Shop Now</a>
</div>

For more information see standard bootstrap css-classes here (https://getbootstrap.com/docs/5.3/layout/css-grid/)