Problems when applying JA Social II default style to frontpage

andrewwinkler

The client did not like the fact that frontpage and other pages look so differently, almost like two different sites. They made me apply the default style to the home item on the main menu. Now I'm facing the following problems.
1. I had to move the modules in "section" position to "masthead" for them to be displayed.
2. When I did that, some modules were displayed too widely, so I added " container" to the module suffix. That did the trick with some modules, but not all. For example the ACM Features Intro: Style-2 completely ignore the " container" setting. So does ACM Statistics: Style-1.
3. The ACM Statistics: Style-1 module does not only ignore the " container" suffix but also " bg-dark", even though the module is set to theme setting "dark".
What can I do?

teitbite

Please tell me the url to Your site. I'll try to manually override ACM Statistics to respect both of those styles.

andrewwinkler

http://tvet-rkp.net

saguaros

andrewwinkler

Hi,

It's better if you put a div tag with 'container' class for the block. For example, in the masthead block: root/templates/ja_social_ii/tpls/blocks/masthead.php

<?php if ($this->countModules('masthead')) : ?>
<!-- MASSHEAD -->
<div class="wrap t3-masthead <?php $this->_c('masthead') ?>">
		<jdoc:include type="modules" name="<?php $this->_p('masthead') ?>" />
</div>
<!-- //MASSHEAD -->
<?php endif ?>

you change it to:

<?php if ($this->countModules('masthead')) : ?>
<!-- MASSHEAD -->
<div class="wrap t3-masthead <?php $this->_c('masthead') ?>">
	<div class="container">
		<jdoc:include type="modules" name="<?php $this->_p('masthead') ?>" />
	</div>
</div>
<!-- //MASSHEAD -->
<?php endif ?>

Regards

andrewwinkler

Great, that fixed the problem with the width, at least till the next upgrade. 🙂

However, I still need to get the module "statistic" to be displayed with dark background. The default style still ignores that setting.

saguaros

andrewwinkler
You can try with this custom CSS code:

.t3-masthead .acm-stats.style-1.style-dark {
    background-color: #272727;
}

put into the file: root/templates/ja_social_ii (your default template)/cs/custom.css (Create this file if it doesn't exist).

Regards

andrewwinkler

How do I best change the background colour of the footer block to the same dark background as the normal frontpage of the Social II template?

saguaros

andrewwinkler
Hi,

You can use this custom CSS code:

.t3-footer {
  background: #222222;
}

Regards