Joomla Templates Club 406,261 posts

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#172425

Hi guys,

I thought I would be clever and put my magazine cover with a link to the online version of the magazine in the JA News Pro! Module position that was called Music News in the Ja Nex demo. It looked great when I put it there but then i realised I could not find a way to put a link on the image and I could not get rid of the text Dec / Jan Edition or make the white space underneath close up; see http://www.mybaliconcierge.com/

I then thought I would try doing it as a banner which I did and called NEW EDITION NEW you can see it half way down the page. The problem is that I don’t know where to go to remove the padding on the banner and the clarity of the image seems to have detiriorated now it is a banner.

Next i tried to make a custom HTML module which is below the banner attempt on the site and again the image is off center and has padding around it.

Anyone point me in the right direction? I wold really like it to look just like it does in the JA News Pro! Module at the top but be able to click on it and not have any title underneath it and not have the long white empty space.

Jim

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

#432529

Heya Jim . . . The site is coming along nicely.

Okay – with regard to the “extra white space” issue, I believe I found the culprit . . .

Open /templates/ja_nex/html/mod_janewspro/nex/style.css

at line 22, you should see the following:

<blockquote>.ja-zin .items-row {
background: none repeat scroll 0 0 transparent;
border: 0 none;
float: left;
margin: 0;
padding: 0;
}</blockquote>

add a “height” property, as follows . . .

<blockquote>.ja-zin .items-row {
background: none repeat scroll 0 0 transparent;
border: 0 none;
float: left;
height: 325px;
margin: 0;
padding: 0;
} </blockquote>

This adjustment will keep the “Dec/Jan Edition” text display . . . and, of course, you can always continue to play around with the height pixel number until you get exactly what you want.

As for the border issue with the next magazine cover down . . . .

The culprit is at line 374 within /templates/ja_nex/css/template.css

<blockquote>div.ja-moduletable .ja-box-ct, div.moduletable .ja-box-ct {
padding: 15px;
}</blockquote>

What you will need to do is adjust the padding for left, right, top, bottom (respectively) until you arrive at the desired display.
In other words – for example purposes only – here is how you can modify this CSS, entering in your own pixel values:

<blockquote>div.ja-moduletable .ja-box-ct, div.moduletable .ja-box-ct {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}</blockquote>

Hope that helps.

1 user says Thank You to TomC for this useful post

1. James Weston

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#432585

Hi Tom,

Thanks for all the ideas. The second one worked but then text in one of the other modules got moved right to the edge of the module as a result.

When I changed the height for the JA Newspro solution it did not make any difference what height I put it remained the same. Unless I put 0 and then it disappeared altogether and the module to its right replaced it 🙂

Not to worry I have come up with a different design solution for the site so I can use the original module as it was intended.

Jim

[Author]

Posts