Joomla Templates Club 406,261 posts

[russh Friend russhJoin date: July 2009Posts: 57Downloads:0Uploads:6 Thanks: 13 Thanked: 4 times in 1 posts]

#147682

I’ve moved the breadcrumbs (following the advice on the forum) from the bottom of the template to the line between the header and the main content;

<?php } ?>
<!-- END: MAIN NAVIGATION -->

<!-- BEGIN: PATHWAY -->
<div id="ja-pathway">
<strong><?php echo JText::_('YOU ARE HERE:');?> </strong><jdoc:include type="module" name="breadcrumbs" />
</div>
<!-- END: PATHWAY -->

<div id="ja-containerwrap<?php echo $divid; ?>">

However there’s still a spare line between the breadcrumbs and the main content – I’d like to remove that. (it’s shown in the screenshot below)

What further changes do i need to make to remove it?

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#329454

Dear Sir,
Thanks you for contacting JoomlArt!
Please give me your url
I would like have closer look on the problem then i will guide you where to fix this

[russh Friend russhJoin date: July 2009Posts: 57Downloads:0Uploads:6 Thanks: 13 Thanked: 4 times in 1 posts]

#329518

<em>@dathq 160631 wrote:</em><blockquote>Dear Sir,
Thanks you for contacting JoomlArt!
Please give me your url
I would like have closer look on the problem then i will guide you where to fix this</blockquote>

Hi,

thanks for the response – my test site is here;

http://linkpot.net/libidos/

[russh Friend russhJoin date: July 2009Posts: 57Downloads:0Uploads:6 Thanks: 13 Thanked: 4 times in 1 posts]

#329519

<em>@russh 160711 wrote:</em><blockquote>Hi,

thanks for the response – my test site is here;

http://linkpot.net/libidos/</blockquote>

Actually, in firebug, I can see there’s a margin defined in jacontainerwrap;

#ja-containerwrap, #ja-containerwrap-f, #ja-containerwrap-fr, #ja-containerwrap-fl {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../images/grad1.gif) repeat-x scroll center bottom;
margin: 25px 0;
padding:0;

I’ve just changed this value to change the margin and remove the gap.

#ja-containerwrap, #ja-containerwrap-f, #ja-containerwrap-fr, #ja-containerwrap-fl {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../images/grad1.gif) repeat-x scroll center bottom;
margin: 0 0;
padding:0;

[Author]

Posts