Hi Paul

For your Latest posts, Featured Articles and Most Read Articles try adding the following to the Custom CSS field of your templates parameters..


[code type=css].module_style-box li, .style-box li {
padding-left: 25px;
}
.module_style-box li a:hover, .style-box li a:hover {
color:#FFFFFF !important;
}[/code]

Where 25px is your list item left padding and #FFFFFF is your hover colour.

The ImageLinkHover module should accept PNG images. Would you have a URL to an example where the transparency is removed?

To remove the link image your best option would be to create a new template style for these sub pages. Within this style you can then add the following to the Custom CSS field..


[code type=css].j51container a.info {
display: none;
}[/code]

To give yourself some control over the search field create a new search module (Extensions -> Module Manager -> New -> Search), publish it but leave the 'position' field blank. You can then use the settings within the module to control the template search field.

Lastly for your base modules may I suggest disabling the 'Title' and then place the title within the output of your Custom HTML in a H3 heading. You can then link the title using the editor/HTML.

Ciarán

Hi Ciaran

Appreciate the help, top modules sorted, so far so good, will try the other suggestions tomorrow, the top modules where I cannot get a PNG to display properly, I have put a PNG image in the j51imagelinkhover titled Fungi, as you will see the corners are white, the other 3 images are JPG's.

Still getting to grips with layout options and how best to show off content/photos etc, loving the look and template options, good job.

Cheers
Paul Edwards

Hi Paul

For the PNG issue try also adding the following to the Custom CSS field of your templates parameters...


[code type=css].j51imagelinkhover_border {
background: none;
}[/code]

Ciarán

PS... glad to hear your enjoying the template so far

Ciarán

Hi Ciaran

Brilliant, that fixed the little blighter.

Cheers
Paul Edwards

Hi Ciaran

I have tried some of your suggestions, some worked, some didn't, well not entirely.

The search button is now visible as per your suggestion, however there is no styling, it is out of alignment and colour is darker than other buttons.

The print popup page does not contain an icon or link to print, you can still use control + p, however would be nice to have an icon for people who do not know keystrokes.

The j51imagelinkhover problem about link is still an issue, it removed the link icon in centre of image but image still shows as a link when hovered over. How can I remove the link completely from the image.

I am going to leave the base modules as they are, I tried your suggestion about using H3 title, but did not like it, so reverted back.


My logs were throwing up image errors, can't find them, I have posted the css code that references them below.

j51_nocturne/images/selector-arrow.png referenced in admin.css

/* -- TOOLTIP STYLES ----------------------------- */.tip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 400px; z-index: 99999999;}.tip-title { padding: 0; margin: 0; font-size: 1em; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url([color=#0088ff]../images/selector-arrow.png[/color]) no-repeat; z-index: 99999999;}.tip-text { font-size: 1em; margin: 0; z-index: 99999999;}.infoBox, .noticeBox { clear: both; margin: 15px 5px 5px 0; padding: 10px 6px;}


j51_nocturne/images/read.png referenced in jstuff.css

/* Pagination */
ul.pagination{list-style-type:none;margin:0;padding:0;text-align:center;}
ul.pagination li, li.pagenav-prev, li.pagenav-next {background: url([color=#0088ff]../images/read.png[/color]); display:inline;margin:2px !important;padding:2px 8px !important; text-align:center; border:1px solid; border-color: #aaaaaa; -moz-border-radius:0px 0px 5px 5px; -webkit-radius: 5px; border-radius:5px; line-height:24px !important;}
ul.pagination li a{padding:2px; margin:0;padding:0;}
ul.pagenav {margin:0px;}


Thank you for your time.

One last thought would you be updating the template to reflect some of the changes in the future, and how do customers get hold of a revised template version.

Cheers
Paul Edwards

Hi Paul

To style your search button try adding the following to the Custom CSS field..


[code type=css]#search {opacity: 1;}
#search .button {margin-top:0;}[/code]

To add a print button to your print popup try adding the following directly after <body class="contentpane modal"> in your templates component.php (../templates/j51_nocturne/component.php)...

<script>

document.write("<input type='button' " +

"onClick='window.print()' " +

"class='printbutton' " +

"value='Print This Page'/>");

</script>

Have you since amended the issue regarding the link on your ImageLinkHover module as the link no longer appears to be present?

At present template updates are only available by request by emailing your PO number to info@joomla51.com. We are currently working on updating our entire site which will allow you to obtain updates simply by logging in to our site.

Ciarán

Hi Ciaran

It's a wrap, well almost.

still images missing below from template

j51_nocturne/images/selector-arrow.png referenced in admin.css
j51_nocturne/images/read.png referenced in jstuff.css

they are not in the archived zip file.


Search button now OK and looking good.

Print Page working and showing link.

The top ImageLinkHover moduless is another thing, on the home page the image just darkens when hovering over it, on a sub page the word wildlife in green appears when hovering, weird.

I have a couple more niggles, but I will try to see if I can tweak them.

thank for all your help so far. I think you should include a OPTIONAL linkback for yourself in your templates, I put one in for you, great looking template deserves one.

Cheers
Paul Edwards

Hi Paul

Both of the following images are not used with our Nocturne template, CSS properties linking to these can be removed...

j51_nocturne/images/selector-arrow.png referenced in admin.css
j51_nocturne/images/read.png referenced in jstuff.css

For the imagelinkhover modules ensure you have added the Custom CSS to a new style of the template applied only to the pages where you would like the link image removed. To create a new style of a template navigate to Extensions -> Template Manager -> J51_Nocturne -> Save as Copy.

Thank you for the suggestion regarding a link back to Joomla51.. something we would consider

Ciarán

Ciarán