Okay
  Public Ticket #1543388
Filter Color Font Change
Closed

Comments

  • georgevanous started the conversation

    How can i change the font color of the actual text entered into a filter? On the site I linked if you select something or enter text in the filter or search you get black text which clashes with the theme. My theme doesn' appear to be in control of this text and I don' see any option for changing it. 

    Adding, is it possible to bring the filters lower on the same level as the search or at least remove some padding? There' a lot of dead space in the filter options. 

  •  477
    Bogdan replied

    Hi georgevanous,
    Thank you for your purchase.

    You can use this CSS to color the values in that selectboxes

    .bootstrap-select.btn-group .dropdown-toggle{
    color : white !important;
    }

     

    As for the padding unfortunately something like this is not possible to achieve with the CSS.

    Best regards.

    Check out our new Support Help Center!

    Check out our newest product - Amelia - Enterprise-Level WordPress Appointment Booking Plugin - promo price for launch period!

    Kind Regards,
    Bogdan Radusinovic
    bogdan@touchmesoft.net

  • georgevanous replied

    Very cool! How can I do the same thing with the Search box or filter search boxes?

  • georgevanous replied

    I have another CSS problem wherein my "button" effect is not showing. It shows on a hover, but not without that. Here's the CSS I'm using to decorate the text inside of the cells. 

    .licensebut {
        background-color: #ffbc49;
        border: none;
        color: black;
        padding: 3px 6px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 18px;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 5px;
    }
    .licensebut2 {
        background-color: #1abec1;
        border: none;
        color: black;
        padding: 3px 6px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 18px;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 5px;
    }
    .licensebut:hover {
        background-color: #ffbc49;
        color: black;
    }
    .licensebut2:hover {
        background-color: #ffbc49;
        color: white;
    }

    Here's a link to see it in action:

    https://sync.musicfactory.tm/mf001/

    Here's a link where you can see the CSS works on another page without a table:

    https://sync.musicfactory.tm/licensing/

  •  477
    Bogdan replied

    Hi georgevanous,

    Can you just point me where that button is because I can not see it on this page.

    Also inspecting the page I can see that there are a lot of errors ( attachment) so probably that can cause some issues.

    Best regards.

    Attached files:  Screen Shot 2018-04-20 at 1.29.05 PM.png

    Check out our new Support Help Center!

    Check out our newest product - Amelia - Enterprise-Level WordPress Appointment Booking Plugin - promo price for launch period!

    Kind Regards,
    Bogdan Radusinovic
    bogdan@touchmesoft.net

  • georgevanous replied
  • georgevanous replied

    I'm not sure about those errors.

  •  477
    Bogdan replied

    Hi georgevanous,

    As I can see this button is not related to our tables and plugin.

    Please note that customization questions like this one are not covered in the included support for the plugin. Included support covers help with bugs and general inquiries for the plugin features, but not writing CSS customizations. As you're developing some custom solution if you need our assistance we can offer you our paid customization service.

    Best regards.

    Check out our new Support Help Center!

    Check out our newest product - Amelia - Enterprise-Level WordPress Appointment Booking Plugin - promo price for launch period!

    Kind Regards,
    Bogdan Radusinovic
    bogdan@touchmesoft.net

  • georgevanous replied

    But it is to do with the table plugin. The CSS code works fine on any other page but when it's in a table. And CSS I wrote that works anywhere but on the table means that something to do with the table's code is overriding my CSS. I'm not asking for you to write custom CSS code but to help me discover the cause that is preventing the CSS from working properly - which from my deductive reasoning - seems to do with WPDATATABLES handling of CSS, since again, it works everywhere else I use this code. 

  •  477
    Bogdan replied

    HI georgevanous,

    Can you please tell me did you try to add !important tag in your code.

    For example

    .licensebut {
        background-color: #ffbc49 !important;
        border: none !important;
        color: black !important;
    ...
    }

    Best regards.

    Check out our new Support Help Center!

    Check out our newest product - Amelia - Enterprise-Level WordPress Appointment Booking Plugin - promo price for launch period!

    Kind Regards,
    Bogdan Radusinovic
    bogdan@touchmesoft.net

  • georgevanous replied

    Thanks! This *kinda* worked but may have pointed me in the right direction. 

    Last thing which I didn't get a response to - the search box. There's no option to change the text color. It's the same problem I was having with the filters before. 

    You used this one:

    .bootstrap-select.btn-group .dropdown-toggle{
    color : white !important;
    }

    for the filters. What's the same one for the search box?

  •  477
    Bogdan replied

    HI georgevanous,

    Can you please send me the link where you have that search box so I can take a look.

    Best regards.

    Check out our new Support Help Center!

    Check out our newest product - Amelia - Enterprise-Level WordPress Appointment Booking Plugin - promo price for launch period!

    Kind Regards,
    Bogdan Radusinovic
    bogdan@touchmesoft.net