nicloucross
Forum Replies Created
-
Okay – but that’s not your job. It’s my job to alter things on my site, to see if it works – it’s your job to suggest and guide and also provide answers for people who (in the future) may have the same issues as myself – and because when you said you would look (you didn’t warn me you were going to do anything more than look) and then just ‘fixed it’ which FYI you didn’t….anybody following this thread who is looking for a solution is going to be seriously disappointed.
Anyway – thank you for your help with some of the CSS styling – it’s probably just that this plugin cannot provide me with the search/filter/sort functionality (or customizable style) that I am looking for.
many thanks
Nic
Sorry can’t do that – last time you said you would look but you didn’t just look you changed things…..
Guess it’s back to square one with this particular problem 🙁
Filtering doesn’t work….for example if I select ‘CAT’ from the dropdown boxes nothing changes in the table below….
Okay,
Instead of altering the padding in this CSS:
.column-filter-widget {
float: left;
padding: 5px 35px 5px;
display: inline-block;
vertical-align: top;
}
is there a way to change the space that the dropdown boxes inhabits – so that they are evenly in three columns?
OR
is there a way I can specify a minimum width of each portion?Also why is there no ‘search’ button – the users want to be able to select from the dropdown boxes and then click search to see the results that they want. Have I neglected to select something in the plugin options?
Thanks
This is what I’m aiming for it to look like
http://www.auntydotsweets.co.uk/wp-content/uploads/2014/12/Table-sorting.gifSo not there yet – and without knowing what bits of the CSS changes what I can’t get closer on my own! Please help! I just need an explanation as to what bits change what and what I am fiddling with to get the look right….
I’m not quite finished and now I’m a bit confused as to what you’ve done to change it – I thought you said ‘look’ not do!
Okay – so really I want two rows of drop down boxes – which is why I was asking about the spacing earlier. Now I can see that CSS within the Plugin CSS but with additional coding.
So with this CSS:
.column-filter-widgets {
background-color: #c8cccf;
-moz-border-radius: 15px;
border-radius: 15px;
text-align: center;
}
What is the text-align: center changing please?And with this CSS:
.column-filter-widget {
padding: 5px 10px 10px;
float: none;
display: inline-block;
vertical-align: top;
}
So now the padding is 10px – so if I wanted to even out the spacing which 10px would I increase – if I changed these to percentages will it be responsive – what would a CSS option be for that?
What is the ‘inline-block’ part referring to?Please explain what this CSS influences:
.column-filter-widget select {
display: inline;
}.column-filter-widget:before {
margin-right: 5px;
}Many thanks – also for other people who might want to change the styling of their tables if the CSS is written out and explained then we can all recreate it – or you’ll end up having people emailing you and asking them to ‘sort’ their problems!!!
many thanks
NicOk thank you for your help.
Can you tell me the CSS that you used – so that I can learn for myself please. Also what CSS do you suggest to make the drop down boxes round edged please?Many thanks
Nic
Ok well you can login using:
test
view14but then I’ll need to delete the login asap…
Nic
And can I style the individual boxes? I tried using:
.column-filter-widget {
-moz-border-radius: 15px;
border-radius: 15px;
}But to no avail….any help is greatly appreciated
Nic
I got it – thanks – I change the (2) part – the number referring to the column set up in my table. Ok great stuff – At the moment the text (in this case ‘test:’ is above the box – do you have a CSS trick to make it go to the left of the box please? So sorry to be a pain!!
Many thanks
Nic
Hi,
Thanks for getting back to me so quickly. Really love the plugin – it’s so good. That CSS is brilliant – just one further question (sorry) the 3) CSS if I wanted the text to go before each filter box then which part do I change please? Is it the (2) part? or the nth part?Many thanks
Nic
Thanks Moliver27,
That’s awesome thank you – I have managed to get the extension up and running – will have a play now. Thank you so much and good luck with your formatting issue.Nic
Wow I really like how you’ve got your table set up and I want to do something very similar – any chance you can tell me what you did? Or point me to the documentation explaining how you did it? I’m not having much luck on my own.
Many thanks
Nic
Yes thank you very much!
All sorted now great stuff!
NicSorry I meant to put ‘right’ portion not left! Meaning that the header is split into two with the logo on the left side of the first half, and the tagline centred in the second (right) half!
Thank you
Nic
