footer navigation elements issue

[greenman]

The footer elements (Display drop down & Start Prev Next End & Page 1 of ... Total) are bunched together and I can't figure out how to adjust them.

They're sitting within a wrapping class <tr class="fabrik___heading"> which as a width of 1126 px and is set to 3 columns.

The class they're assigned to, class fabrikNav, has a width of 1115 px.

The three columns are
Limit with width of 116 px
Pagination with a width of 237 px
Counter with a width of 140 px

I need to adjust the width of the Pagination column to better fill the space. I've looked through all the default template files and can't locate a logical place for doing so.

Ideas anyone?

david

 

[troester]

This looks like an issue with your Joomla template breaking some <li> CSS.
Do you have a link?

 

[greenman]

http://www.gp.org/newsroom/press-releases

 

[greenman]

attached is a screenshot

 

[puzzled]

Hi - I think you can sort this within the css

Try adding something like this to your custom css

.button2-left a, .button2-right a,.button2-left span, .button2-right span {
display: inline !important;
float: none;
}
There are a few "display: block" settings in the css which this is nested in which need to be overridden (hence the !important)
Anyway - it's worth a try - let me know if it works!

 

[greenman]

no difference

 

[troester]

I don't know what happened to your Fabrik default list template (the Fabrik nav part is totally different to the one on my site), try with bluesky

 

[greenman]

will do after dinner. thanks for the suggestion.

 

[greenman]

switching templates results in a complete blank page, both for list and for details

 

[greenman]

created a new menu item, pointing to the frabik list and that is blank as well ... any ideas how to backtrack?

 

[puzzled]

What happens if you switch back to the template you were using? Does it all come back?

 

[puzzled]

If you want to try the css route again using your previous template, here is how I got your footer list to display properly for me...

I used the "developer tools" in my Chrome browser to narrow down which bit of css was causing the trouble. Attached are 2 screen shots of a before and after with the css that I changed highlighted.

I don't suggest changing the css in any of the other stylesheets other than your custom one as they get overwritten when you upgrade etc... however this proves that it can be done , you just need to find the right way in your custom css to "call it".

Perhaps try this:

#listform_4_com_fabrik_4 .button2-left a, .button2-right a,.button2-left span, .button2-right span {
display: inline !important;
float: none !important;
}


I hope this helps a little!

 

[troester]

This is working
http://www.gp.org/newsroom/press-releases?layout=bluesky
so I have really no idea what is happening inside your site.
Do you have any other components/plugins which may conflict? (overriding "layout", resetting "default"...)