Joomla Templates Club 406,261 posts

[blackeaglece Friend blackeagleceJoin date: September 2012Posts: 153Downloads:78Uploads:12 Thanks: 36 Thanked: 2 times in 1 posts]

#190871

Hi how can I put a background image in masshead module (grid-2×2 grid-pos-1 highlight big-padding)? I set <blockquote>[Masshead Itemid=”552″ title=”TITLE” background=”images/masshead/mass-1.jpg”]<h3>Note 1.</h3>[/Masshead]</blockquote> but I see only the Default title and default description.
Thank you

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

#507002


[Masshead Itemid="552" title="TITLE" background="images/masshead/mass-1.jpg"]<h3>Note 1.</h3>[/Masshead]


This above script need adding into back-end

+ From the back-end of your Joomla site (administration) select Extensions->Module Manger, then click on module named JA Masshead module to go to configuration conditions panel.

http://static.joomlart.com/images/extensions/ja_masshead_module/update/basic-setting.png

+ Create mod_jamasshead folder in this path: templates/ja_fixel/html/ and create default.php file in templates/ja_fixel/html/mod_jamasshead folder

Open default.php file

add new script


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


1 user says Thank You to Ninja Lead for this useful post

1. blackeaglece

[blackeaglece Friend blackeagleceJoin date: September 2012Posts: 153Downloads:78Uploads:12 Thanks: 36 Thanked: 2 times in 1 posts]

#507079

Hi Thank you for your answer, I followed your instructions but it still does not work
How can I do?
Thank you

<em>@Ninja Lead 391058 wrote:</em><blockquote>

[Masshead Itemid="552" title="TITLE" background="images/masshead/mass-1.jpg"]<h3>Note 1.</h3>[/Masshead]


This above script need adding into back-end

+ From the back-end of your Joomla site (administration) select Extensions->Module Manger, then click on module named JA Masshead module to go to configuration conditions panel.

http://static.joomlart.com/images/extensions/ja_masshead_module/update/basic-setting.png

+ Create mod_jamasshead folder in this path: templates/ja_fixel/html/ and create default.php file in templates/ja_fixel/html/mod_jamasshead folder

Open default.php file

add new script


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

</blockquote>

[blackeaglece Friend blackeagleceJoin date: September 2012Posts: 153Downloads:78Uploads:12 Thanks: 36 Thanked: 2 times in 1 posts]

#507225

Please help
Thank you

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

#507363

<em>@blackeaglece 391344 wrote:</em><blockquote>Please help
Thank you</blockquote>

In this case, you need pm me URL of your site, admin access and FTP account. I shall help you to solve it.

[blackeaglece Friend blackeagleceJoin date: September 2012Posts: 153Downloads:78Uploads:12 Thanks: 36 Thanked: 2 times in 1 posts]

#507380

Thank you Ninja you have a pm
Thank you very much

<em>@Ninja Lead 391510 wrote:</em><blockquote>In this case, you need pm me URL of your site, admin access and FTP account. I shall help you to solve it.</blockquote>

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

#507480

I have changed info in Configuration Conditions

From

[Masshead Itemid="552" title="Asia" background = "images/masshead/mass-1.jpg"]<h3>Giovane e dinamica.</h3></br>Funzionalità per le mansioni di tutti i giorni. Vivace e moderna dalle proposte giovani.[/Masshead]

Change to

[Masshead Itemid="435" title="Asia" background = "images/masshead/mass-1.jpg"]<h3>Giovane e dinamica.</h3></br>Funzionalità per le mansioni di tutti i giorni. Vivace e moderna dalle proposte giovani.[/Masshead]

Now, JA Masshead module is showing the background on your site. Please check it again, let me know if it helps.

1 user says Thank You to Ninja Lead for this useful post

1. blackeaglece

[blackeaglece Friend blackeagleceJoin date: September 2012Posts: 153Downloads:78Uploads:12 Thanks: 36 Thanked: 2 times in 1 posts]

#507520

Ok thank you very much, but I wish that the background completely covers the green. I think I need to change the css right? can you tell me which css and row or name?
Thank you very much

<em>@Ninja Lead 391686 wrote:</em><blockquote>I have changed info in Configuration Conditions

From

[Masshead Itemid="552" title="Asia" background = "images/masshead/mass-1.jpg"]<h3>Giovane e dinamica.</h3></br>Funzionalità per le mansioni di tutti i giorni. Vivace e moderna dalle proposte giovani.[/Masshead]

Change to

[Masshead Itemid="435" title="Asia" background = "images/masshead/mass-1.jpg"]<h3>Giovane e dinamica.</h3></br>Funzionalità per le mansioni di tutti i giorni. Vivace e moderna dalle proposte giovani.[/Masshead]

Now, JA Masshead module is showing the background on your site. Please check it again, let me know if it helps.</blockquote>

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

#507599

You can customize it from css file

+ Create custom.css file in this path: templates/ja_fixel/css

+ Add new script as below


.highlight .ja-masshead {
width: 600px;
height: 600px;
margin-top: -90px;
margin-left: -79px;
}


Hope it helps you to solve this problem

1 user says Thank You to Ninja Lead for this useful post

1. blackeaglece

[blackeaglece Friend blackeagleceJoin date: September 2012Posts: 153Downloads:78Uploads:12 Thanks: 36 Thanked: 2 times in 1 posts]

#507659

Ok Thank you I solved
Thank you very much

[yachaqgroup Friend yachaqgroupJoin date: October 2013Posts: 2Downloads:0Uploads:0 Thanks: 2]

#511368

<em>@Ninja Lead 391825 wrote:</em><blockquote>You can customize it from css file

+ Create custom.css file in this path: templates/ja_fixel/css

+ Add new script as below


.highlight .ja-masshead {
width: 600px;
height: 600px;
margin-top: -90px;
margin-left: -79px;
}


Hope it helps you to solve this problem</blockquote>

How can edit this:

<section class="wrap ja-masshead">
<div class="container">
<div class="row">

I need to change the “container” class.

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

#511602

@yachaqgroup: Which template is your site using? I have checked on JA Fixel Template but I could not find the structure HTML as below

<section class="wrap ja-masshead">
<div class="container">
<div class="row">

It would be great if you can include url of your site, It would help to understand the issue and give you specific answers.

[Author]

Posts