Features-Intro ACM customizations in homepage

ludo974

Hello,
please I would like my module appear like this : http://prntscr.com/knod5p

In fact, the title is at the top

There are three "actuality" and the red rectangle represents the size of a news
could you help me ?

aman204

ludo974 You can configure the specific module in manner outlined thereafter:

1) Screenshot - Basic settings
2) Screenshot - Advanced
3) Thereon, try add this to custom.css file :

.moduletable.ja-inview{background: #f2f4f8;}
.moduletable.ja-inview h3{text-align: center;}

Kindly ensure to clear your browser cache if changes dont reflect

ludo974

Thanks for your help,
But I would like my module is center in my homepage, http://prntscr.com/kqbxgd
And I would like that They are Four information but When I choose four column (look : http://prntscr.com/kqbyij )

the acutality display is too small.
I would like to be the same size as when it's three news but with four rectangle.
Can you give me your advice please ?
aman204

aman204

ludo974 I would like to be the same size as when it's three news but with four rectangle.

1) You can go to /acm/features-intro/tmpl/style-1.php and comment out this code like seen in screenshot :

<div class="col-md-4 col-lg-3">
			<?php if($featuresIntro): ?>
			<h3 class="acm-features-title">
				<?php echo $featuresTitle; ?>
			</h3>
			<?php endif; ?>

			<?php if($featuresIntro): ?>
			<p class="acm-features-intro">
				<?php echo $featuresIntro; ?>
			</p>
			<?php endif; ?>
		</div>

and thereon, change this at around line 40:

<div class="col-md-8 col-lg-9">

<div class="col-md-12 col-lg-12">

2) In furtherance, Try add this to custom.css file and change value accordingly :

.acm-features.style-1 .owl-nav{left: -14.3333% !important;}

Kindly ensure to clear your browser cache if changes dont reflect

ludo974

Hello aman204
thank you for your help. I say it's good.
Can you give me some advice to be able to change the title "Actuality" to put it in bigger or another color.

Also I noticed, that there is no more automatic scrolling.
Can you help me please?

saguaros

ludo974

You can use this custom CSS code:

.moduletable.actualites.ja-inview h3 {
    color: #000;
    font-size: 40px;
}

then change the color and size to the value which suits your need

aman204

ludo974 Also I noticed, that there is no more automatic scrolling.

You may change this around line 104 in /acm/features-intro/tmpl/style-1.php :

autoplay: false
    });
  });
})(jQuery);

autoplay: true
    });
    setInterval(function() { showSlide(current + 1) }, 1000);
  });
})(jQuery);

Would suggest to also take backup of your current file before performing aforesaid steps, in case rollback required whilst facing any issues e.t.c

qtech

Hello In addition to this

I want to achieve a fixed height with regards to divider and button at the bottom part regardless the number of characters content.

Please see attached.

Thanks

aman204

qtech Hi

Please start a new topic/discussion as this parent discussion has been started by another member

Thanks for understanding as this would also avoid multiplicity and confusion making seamlessly easier for us to address your individual topic