- Posts: 7
COMMUNITY FORUM
- Forum
- Commercial Joomla Extensions & Templates
- Frontpage Slideshow
- Navigation thumbs and background skewed in Sleek template
Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.
Navigation thumbs and background skewed in Sleek template
- Bungholio
- Topic Author
- Offline
- New Member
Less
More
12 years 3 weeks ago #51279
by Bungholio
Navigation thumbs and background skewed in Sleek template was created by Bungholio
Hiya
I'm trying to use the Sleek template because that's the one the customer wants but, on every Joomla template (except Atomic which has no CSS) including the one I created myself in Artisteer 4, the entire navigation system (controls, background and thumbs) are totally skewed. Obviously, it's a CSS issue but, for the life of me, I can't work out what or where. Bearing in mind that this is happening with Joomla's inbuilt templates, it's rather worrying. The same thing happens with all other FPSS templates apart from Movies, Rasper, & KeeSports. I've tried all the jQuery liobararies, tried going with and without the embedded CSS option (currently enabled) and am flat out of ideas.
Anyway, the site is fxtest.pompomgrafix.com - any help I can get would be most appreciated because this site is supposed to go live tomorrow. LOL
I'm trying to use the Sleek template because that's the one the customer wants but, on every Joomla template (except Atomic which has no CSS) including the one I created myself in Artisteer 4, the entire navigation system (controls, background and thumbs) are totally skewed. Obviously, it's a CSS issue but, for the life of me, I can't work out what or where. Bearing in mind that this is happening with Joomla's inbuilt templates, it's rather worrying. The same thing happens with all other FPSS templates apart from Movies, Rasper, & KeeSports. I've tried all the jQuery liobararies, tried going with and without the embedded CSS option (currently enabled) and am flat out of ideas.
Anyway, the site is fxtest.pompomgrafix.com - any help I can get would be most appreciated because this site is supposed to go live tomorrow. LOL
Please Log in or Create an account to join the conversation.
- Katia
- Offline
- Platinum Member
Less
More
- Posts: 4696
12 years 3 weeks ago #51280
by Katia
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by Katia on topic Re: Navigation thumbs and background skewed in Sleek template
Did you enable the navigation bar via the FPSS module parameters?
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- Bungholio
- Topic Author
- Offline
- New Member
Less
More
- Posts: 7
12 years 3 weeks ago #51281
by Bungholio
Replied by Bungholio on topic Re: Navigation thumbs and background skewed in Sleek template
It's enabled by default - I only get the option to disable it. I'm pretty familiar with FPSS having used used it successfully on several sites previously but this is the first time I've used a template other than Rasper or Movies.
As a matter of course, I tried FPSS on a clean Joomla install (2.5.7) using only the stock templates and still ran into the same problem. I adjusted all the parameters individually but no luck and I don't want to start adjusting coding because I'm not confident that I know where the problem is or how to fix it.
As a matter of course, I tried FPSS on a clean Joomla install (2.5.7) using only the stock templates and still ran into the same problem. I adjusted all the parameters individually but no luck and I don't want to start adjusting coding because I'm not confident that I know where the problem is or how to fix it.
Please Log in or Create an account to join the conversation.
- Katia
- Offline
- Platinum Member
Less
More
- Posts: 4696
12 years 3 weeks ago #51282
by Katia
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by Katia on topic Re: Navigation thumbs and background skewed in Sleek template
You have css conflict with your template.
Try to create overrides for the Sleek template css file you have and add the !important property there.
Try to create overrides for the Sleek template css file you have and add the !important property there.
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- Bungholio
- Topic Author
- Offline
- New Member
Less
More
- Posts: 7
12 years 3 weeks ago - 12 years 3 weeks ago #51283
by Bungholio
Replied by Bungholio on topic Re: Navigation thumbs and background skewed in Sleek template
Thanks Katia...I know it's a CSS conflict, I said as much in my initial post but, no matter how many overrides I put in, I still have the same issue with the positioning of the thumbnail background (pseudo-container) and previous buttons. The only way I can get around it is to manually change the 'top' value from the default of 6px to something approaching 36 which sort of works in IE & Firefox but doesn't do a thing in Safari...and even then, I'm left with a 'previous' navigation button which is 30 pixels too high in the container.
I can adjust pretty much everything else as you can see from the test page URL - all the colours are customised, the fonts, navigation buttons colours etc so I clearly do have a clue as to what I'm doing...except where the pseudo-container and the previous button positionings are concerned. Given that I have this exact same issue with the standard Joomla templates on clean install and no amount of !important tags change that positioning, the issue would appear not to be a simple CSS conflict but something a little more complex. Obviously, I would love you to prove me wrong and I will apologise profusely but I've spent so long staring at the coding and adjusting values one by one that I'm starting to have nightmares involving FPSS and lines of psychotic killer code which is never good.
I'm more than happy to post up the entire CSS of the Sleek template to show changes made but, given that the entirety of the CSS output is embedded in the page header, that shouldn't be necessary. What I need is for somebody to look at the issue I'm having and tell me exactly how to fix it because stuffing around with the FPSS template code isn't accomplishing anything positive.
UPDATE - Okay, I'm now at a position where I've hacked around the CSS and used an absolute right and bottom 16px value instead of absolute & top 6px and I've enlarged the height of the pseudo-container...that part of things is fixed but I still have an issue with the navigation-previous element. It's about 6 px above where it should be. Looking at the css, there is a positioning definition for the navigation-next which has always been in the right place but the navigation-previous statement seems to have no definition as to where it should be placing the image...that one I know I'm not going to be able to solve by experimentation so that's the one I need expert help on please.
I can adjust pretty much everything else as you can see from the test page URL - all the colours are customised, the fonts, navigation buttons colours etc so I clearly do have a clue as to what I'm doing...except where the pseudo-container and the previous button positionings are concerned. Given that I have this exact same issue with the standard Joomla templates on clean install and no amount of !important tags change that positioning, the issue would appear not to be a simple CSS conflict but something a little more complex. Obviously, I would love you to prove me wrong and I will apologise profusely but I've spent so long staring at the coding and adjusting values one by one that I'm starting to have nightmares involving FPSS and lines of psychotic killer code which is never good.
I'm more than happy to post up the entire CSS of the Sleek template to show changes made but, given that the entirety of the CSS output is embedded in the page header, that shouldn't be necessary. What I need is for somebody to look at the issue I'm having and tell me exactly how to fix it because stuffing around with the FPSS template code isn't accomplishing anything positive.
UPDATE - Okay, I'm now at a position where I've hacked around the CSS and used an absolute right and bottom 16px value instead of absolute & top 6px and I've enlarged the height of the pseudo-container...that part of things is fixed but I still have an issue with the navigation-previous element. It's about 6 px above where it should be. Looking at the css, there is a positioning definition for the navigation-next which has always been in the right place but the navigation-previous statement seems to have no definition as to where it should be placing the image...that one I know I'm not going to be able to solve by experimentation so that's the one I need expert help on please.
Please Log in or Create an account to join the conversation.
- Katia
- Offline
- Platinum Member
Less
More
- Posts: 4696
12 years 3 weeks ago #51284
by Katia
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by Katia on topic Re: Navigation thumbs and background skewed in Sleek template
I assume you have solved your issue, since the slideshow looks perfect!
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- Bungholio
- Topic Author
- Offline
- New Member
Less
More
- Posts: 7
12 years 3 weeks ago #51285
by Bungholio
Replied by Bungholio on topic Re: Navigation thumbs and background skewed in Sleek template
Nope...read the update I posted above...navigation-previous is still stuffed.
Please Log in or Create an account to join the conversation.
- Bungholio
- Topic Author
- Offline
- New Member
Less
More
- Posts: 7
12 years 2 days ago #51286
by Bungholio
Replied by Bungholio on topic Re: Navigation thumbs and background skewed in Sleek template
Nearly three weeks and still no response...awesome support there, folks. Given that I had problems with the stock Joomla templates on a clean install, there is obviously something within FPSS itself that hasn't been coded right but the only advice I get is to add !important tags to everything which, apart from being sloppy coding, didn't work anyway. And they wonder why people get pissed off?
Here's an idea...why don't I just use WOWSlider instead...that works and their support department email you back within the day if you have a problem!
Here's an idea...why don't I just use WOWSlider instead...that works and their support department email you back within the day if you have a problem!
Please Log in or Create an account to join the conversation.
- Forum
- Commercial Joomla Extensions & Templates
- Frontpage Slideshow
- Navigation thumbs and background skewed in Sleek template