Joomla Templates Club 406,261 posts

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#175017

Hi all. After adding the top panel module and getting a welcome video displaying correctly (Thanks to Dat Hoang) I need help to get the video to centre in the panel when displayed. Also I need to remove the blue band highlighted in the red frame in the attached image.

Site url is: http://www.monsoftwebdesign.net/nex2/

support login info included in post for support staff to use
Blessings Shane

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#443926

Hello,

In order to center the video you can try by adding this to your template.css file


.ja-toppanel-row li {
clear: both;
padding: 0 30px;
text-align: center;
background: url("images/trans-topcpanel.png") repeat scroll 0 0 transparent;


As for the blue band i am not sure if it can be removed. But let me try again and i will reply back assap.

Edit: For the blue band try this


.bg-transparent {
background: none;
}


1 user says Thank You to Manos for this useful post

1. tfosnom

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#443941

Thanks pascm for your help, the centreing fix worked but the blue band fix didn’t so I changed the
images/trans-topcpanel.png to black and changed the style.css to make it all black rather than blue
while it kills the display of the date and top menu stuff I can live without those
Blessings Shane

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#444001

Hi,

Changing the style.css in the module is not such a good practice but since you did that you can just dissable the use of the background image and also:


.ja-toppanel-button-wraper {
/* background: none repeat scroll 0 0 black;*/ /*disable this */

height: 19px;
position: relative;

top: 0;

width: 100%;
z-index: 10;

}

That’s the result i am getting for your site:

Regards

---

Attachments:

1. 
2. 

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#444008

Hey pascm
Kinda lost me, mate I dont see those results at all, nor do I see that code in the mod_toppanel style.css
I have this code

.ja-toppanel-button-wraper {
position: relative;
z-index: 10;
top: 0;
width: 100%;
height: 19px;
background: black;
}

and I want the inner panel background to be black, just want the menus text etc to show

Cheers Shane

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#444072

I am lost too now I can’t find the code again! I visited your website and the code is not there! 😎
Anyway please let me know if you need any more help as this is actually a customization issue. Maybe if you try a bit more you can find the code it must be somewhere there :laugh:

Regards

1 user says Thank You to Manos for this useful post

1. tfosnom

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#444102

Hi mate
You’re correct its more a customisation thing than a template problem and your help is well appreciated. You may have visited my site during updates LOL. I can’t remember all the changes I made , guess I should add comments to my .css files.

I guess it works well enough for whats needed ATM. Again thanks for the continued fast & professional support you and others here provide for us.
Blessings Shane

[Author]

Posts