Joomla Templates Club 406,261 posts

[nxgravity Friend nxgravityJoin date: July 2008Posts: 23Downloads:0Uploads:0 Thanks: 7]

#150223

Greetings,

I would like to move the JA content slider bar above the main menu. I have attempted many template.css edits, but I’m unable to move the slider bar.

Thank you for your assistance.

Thank you,
Rob

[nxgravity Friend nxgravityJoin date: July 2008Posts: 23Downloads:0Uploads:0 Thanks: 7]

#339663

<em>@nxgravity 173618 wrote:</em><blockquote>Greetings,

I would like to move the JA content slider bar above the main menu. I have attempted many template.css edits, but I’m unable to move the slider bar.

Thank you for your assistance.

Thank you,
Rob</blockquote>

I would also like to include an example of my page.
http://demo29.603hosting.com/

As you can see I’m using the content slider bar as the logo. Due to this I’m trying to place the content slider above the main menu.

Again, thank you for your assistence. 🙂

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#339686

Dear nxgravity!

here is the simplest way to resolve this issue:
Pls open the file: templatesja_uranilayoutsdefault.php and codes:
<?php $this->loadBlock(‘topsl’) ?>

you remove this
and find code:

<a name=”Top” id=”Top”></a>

replace:
<a name=”Top” id=”Top”></a>
<?php $this->loadBlock(‘topsl’) ?>

b) pls open the file /templates/ja_urani/css/template.css and find codes:

#ja-mainnav {
background: url(../images/grad1-mask.gif) repeat-x left top #444;
border-bottom: 1px solid #050505;
border-top: 5px solid #050505;
line-height: 1;
position: absolute;
z-index: 999;
top: 0;
}

and replace:

#ja-mainnav {
background: url(../images/grad1-mask.gif) repeat-x left top #444;
border-bottom: 1px solid #050505;
border-top: 5px solid #050505;
line-height: 1;
z-index: 999;
top: 0;
margin-bottom:15px
}

Good luck

1 user says Thank You to Saguaros for this useful post

1. nxgravity

[nxgravity Friend nxgravityJoin date: July 2008Posts: 23Downloads:0Uploads:0 Thanks: 7]

#339814

Thank you for the help.

I hate to say it, but I don’t think I get it. I have replaced (from default.php)

<?php $this->loadBlock('topsl') ?>

with

<a name="Top" id="Top"></a>

<?php $this->loadBlock('topsl') ?>

and (from template.css)

#ja-mainnav {
background: url(../images/grad1-mask.gif) repeat-x left top #444;
border-bottom: 1px solid #050505;
border-top: 5px solid #050505;
line-height: 1;
position: absolute;
z-index: 999;
top: 0;
}

with

#ja-mainnav {
background: url(../images/grad1-mask.gif) repeat-x left top #444;
border-bottom: 1px solid #050505;
border-top: 5px solid #050505;
line-height: 1;
z-index: 999;
top: 0;
margin-bottom:15px
}


Any other thoughts?
Again, thank you for the help 🙂

[nxgravity Friend nxgravityJoin date: July 2008Posts: 23Downloads:0Uploads:0 Thanks: 7]

#339818

<em>@tienhc 173775 wrote:</em><blockquote>Dear nxgravity!

here is the simplest way to resolve this issue:
Pls open the file: templatesja_uranilayoutsdefault.php and codes:
<?php $this->loadBlock(‘topsl’) ?>

you remove this
and find code:

<a name=”Top” id=”Top”></a>

replace:
<a name=”Top” id=”Top”></a>
<?php $this->loadBlock(‘topsl’) ?>

b) pls open the file /templates/ja_urani/css/template.css and find codes:

#ja-mainnav {
background: url(../images/grad1-mask.gif) repeat-x left top #444;
border-bottom: 1px solid #050505;
border-top: 5px solid #050505;
line-height: 1;
position: absolute;
z-index: 999;
top: 0;
}

and replace:

#ja-mainnav {
background: url(../images/grad1-mask.gif) repeat-x left top #444;
border-bottom: 1px solid #050505;
border-top: 5px solid #050505;
line-height: 1;
z-index: 999;
top: 0;
margin-bottom:15px
}

Good luck</blockquote>

After a little more playing around I was able to resolve the issue by following your directions. This is a BIG help, thank you so much!!!! 😀

[nxgravity Friend nxgravityJoin date: July 2008Posts: 23Downloads:0Uploads:0 Thanks: 7]

#339819

I do have one more question. The content slide is now floating with a large amount of space on the top and bottom. I can’t seem to find the padding that will mod this. Any thoughts? Thank you!

http://demo29.603hosting.com/

[nxgravity Friend nxgravityJoin date: July 2008Posts: 23Downloads:0Uploads:0 Thanks: 7]

#339898

<em>@nxgravity 173927 wrote:</em><blockquote>I do have one more question. The content slide is now floating with a large amount of space on the top and bottom. I can’t seem to find the padding that will mod this. Any thoughts? Thank you!

http://demo29.603hosting.com/</blockquote>

I was able to resolve this by changing the following blocks of code in template.css:

/* HEADER
--------------------------------------------------------- */
#ja-header {position: relative; z-index: 10; }

#ja-header .main {
height: 100px;
position: relative;
}


and

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.wrap { }
.main { }
.ja-box { padding-bottom: 10px; padding-top: 10px; }

#ja-wrapper {background: url(../images/body-bottom.jpg) repeat-x left bottom; min-height: 450px; position: relative; padding-top:56px; }

Thank you for the assistence! 🙂

[Author]

Posts