Joomla Templates Club 406,261 posts

[oharris3 Friend oharris3Join date: June 2011Posts: 87Downloads:60Uploads:16 Thanks: 6 Thanked: 2 times in 1 posts]

#193884

How can I change the default background image of the module Ja Masshead?
The image that is there is masshead.jpg, the default image from your template. Although I have specified my own background image within the Configuration Conditions of the module, the default image, masshead.jpg, remains. See code below in the Configuration Conditions which specifies my image,

[Masshead id="113" background="images/stories/conference2.jpg" title="Al Categories" ]Nulla sed elit sit amet nunc accumsan aliquam. Mauris id suscipit nunc.[/Masshead]

See demo site at: http://2014.icac.org.jm/index.php/conference-details/about-the-conference/why-attend

Additionally, I wish not to have the filter over the image.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#518996

Look to file path –> /templates/ja_appolio/css/themes/main/template.css

at line 5885, you will see the following:

.t3-masshead .jamasshead {
background: url("../../../less/../images/masshead.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
color: #FFFFFF
padding: 40px 0;
position: relative;
}

As you can see from above, this is the CSS rule in which you can modify/change the image for the masshead.
Simply create your own image and replace “masshead.jpg” with your own image. (make sure you put your image within the correct image folder).

Hope that helps.

🙂

[oharris3 Friend oharris3Join date: June 2011Posts: 87Downloads:60Uploads:16 Thanks: 6 Thanked: 2 times in 1 posts]

#519010

But I thought I could change the image on each page (Itemid, or id) by specifying a differing background image within the Configuration Conditions? I do not want one background image on each page. How can I do this, without having a different JA Masshead module for each page/menu item.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#519022

+ First, you can have look at userguide about JA Masshead Module here

+ Second, you have to change the layout to show background image in JA Masshead module

Remove background css in the css files:
– Open templates/ja_appolio/css/themes/main/template.css file, change:


.t3-masshead .jamasshead {
background: url("../../../less/../images/masshead.jpg") no-repeat center center;
background-size: cover;
padding: 40px 0;
position: relative;
color: #ffffff
}


To


.t3-masshead .jamasshead {
background-size: cover;
padding: 40px 0;
position: relative;
color: #ffffff
}


– Create templates/ja_appolio/html/mod_jamasshead/tmpl/default.php file, open file and add script below


<?php
/**
* ------------------------------------------------------------------------
* JA Masshead Module
* ------------------------------------------------------------------------
* Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
* @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
* Author: J.O.O.M Solutions Co., Ltd
* Websites: http://www.joomlart.com - http://www.joomlancers.com
* ------------------------------------------------------------------------
*/

defined('_JEXEC') or die('Restricted access');
?>
<div class="jamasshead" <?php if(isset($masshead['params']['background'])): ?> style="background-image: url(<?php echo $masshead['params']['background'] ?>)" <?php endif; ?>>
<h3 class="jamasshead-title"><?php echo $masshead['title']; ?></h3>
<div class="jamasshead-description"><?php echo $masshead['description']; ?></div>
</div>


Hope this helps

[oharris3 Friend oharris3Join date: June 2011Posts: 87Downloads:60Uploads:16 Thanks: 6 Thanked: 2 times in 1 posts]

#519116

Sorry, this does not help either. I used the JA Masshead userguide as well as your instructions. But to no avail. I am just trying to have a different image on each page using the JA Masshead module (in the masshead module position). Please help.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#519193

Please send me URL of your site and admin credentials via private message. I will help you to check the root of issue.

[Author]

Posts