Joomla Templates Club 406,261 posts

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

#506079

<em>@bvk1987 389790 wrote:</em><blockquote>Send you a PM :)</blockquote>

These are results when checking problem on your site.

+ Configuration Conditions is missed format config

+ Image path is wrong.

I helped you to config it on your site. If you want background image looks nice on your site you need to add image with size: 402px x402px.

Please check it again. Let me know if it helps

[bvk1987 Friend bvk1987Join date: October 2012Posts: 187Downloads:10Uploads:31 Thanks: 66 Thanked: 6 times in 1 posts]

#506096

We are almost there! The image located in the Masshead needs to cover the whole area, so that there is no pink/orange left in that block. I think the total block is 555px x 555px. So the picture should be that size as well?

[bvk1987 Friend bvk1987Join date: October 2012Posts: 187Downloads:10Uploads:31 Thanks: 66 Thanked: 6 times in 1 posts]

#506097

Fixed it! Together with firebug and making the changes in the cdd-fc610.css file! Have a look 😀

Edit: The only problem is when a tablet or phone is used, resizing is not done properly. I’m working on that now.

[petero Friend peteroJoin date: December 2011Posts: 30Downloads:1Uploads:3 Thanks: 5]

#506144

My Masshead and Slideshow modules are appearing in a dropdown at the top of the page! They are assigned to the Grid View, where the titles appear in the grid but no images. Very confusing

thekingsley.co.uk/nuevo

Peter

[bvk1987 Friend bvk1987Join date: October 2012Posts: 187Downloads:10Uploads:31 Thanks: 66 Thanked: 6 times in 1 posts]

#506148

Make sure the folder you are referring to is correct. Something like images/dell map, not images/dell.png. Above selecting what folder to use, you select the image format. If you do that, at least something should show as of which you can make it perfect with changes in the css file.

My last problem is the automatic resizing of the masshead. The articles resize automatically when using a tablet or phone, but not the masshead. It stays at it’s original size.

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

#506249

Hi Peter,

From link URL of your site, JA Masshead module need to customize here and Configuration Conditions in JA Masshead module with format

[Masshead Itemid="page_id" title="Title" background="image url"]Description[/Masshead]

I saw the problem js on JA Slideshow Lite module, in this case I need to more check the problem on your site. Please pm me admin acess and ftp account of your site. I shall check it for your.

Regards

@bvk1987: You need to customize php code and css file

+ Php code

Open templates/ja_fixel/html/mod_jamasshead/default.php file

From


<div class="jamasshead<?php echo $params->get('moduleclass_sfx','')?>" <?php if(isset($masshead['params']['background'])): ?> style="background-image: url(<?php echo $masshead['params']['background'] ?>)" <?php endif; ?>>


Change to


<div class="jamasshead<?php echo $params->get('moduleclass_sfx','')?>" <?php if(isset($masshead['params']['background'])): ?> style="background-size: cover;background-image: url(<?php echo $masshead['params']['background'] ?>)" <?php endif; ?>>


+ Css file

Create templates/ja_fixel/css/custom.css file

Add new script

@media (max-width: 320px) {
.jamasshead {
max-height: 240px !important;
}
}


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

1. bvk1987

[bvk1987 Friend bvk1987Join date: October 2012Posts: 187Downloads:10Uploads:31 Thanks: 66 Thanked: 6 times in 1 posts]

#506359

Any suggestions about resizing the masshead automatically to the right format (on phone, tablet, laptop)?

edit: sorry, didn’t see the third page.

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

#506449

In this case, maybe you need to customize css file match on phone, tablet, laptop

/* mobile */

@media (max-width: 767px) {
.jamasshead {
max-height: 240px !important;
}
}

/* tablet */

@media (min-width: 768px) and (max-width: 979px) {
.jamasshead {
max-height: 240px !important;
}
}

/* fullsize */

@media (min-width: 1200px) {
.jamasshead {
max-height: 240px !important;
}
}

and change to my red mark to match with size on phone, tablet, laptop

[petero Friend peteroJoin date: December 2011Posts: 30Downloads:1Uploads:3 Thanks: 5]

#506487

My path for the default.php file is different (Joomla 3.1)
you say ‘Open templates/ja_fixel/html/mod_jamasshead/default.php file’

My path is root/modules/mod_jamasshead/html/mod_jamasshead/default.php

Is this correct?

Peter

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

#506690

Hi Peter,

My solution is for customizing / overridding with JA Masshead Module

+ Original module: modules/mod_jamasshead/html/mod_jamasshead/default.php file

+ Customize from JA Beranis Template: templates/ja_fixel/html/mod_jamasshead/default.php file

Regards

[Author]

Posts