Okay
  Public Ticket #3017032
Dropdown styling conflict
Closed

Comments

  • William Derichsweiler started the conversation

    There's an issue with the dropdown styling and I'm having trouble finding the correct CSS to make it look correct. 

  •  2,572
    Aleksandar replied

    Hello William.

    Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.

    We can't see the page you left as a related URL: 

    1624265481.png

    Issues like this usually occur when there is a conflict either with the theme currently active on your website, or another plugin you have installed.

    Can you please change the theme and see if the issue is resolved? If not, then please deactivate all other plugins except for our plugin, refresh the page where the issue is, and see if it is resolved (it should be). If it is, then start activating other plugins one by one, and after each activation refresh the page to see if the issue reoccurred. Once it does reoccur, you will have found the plugin causing the issue.

    If that doesn't help, please provide us with a live page, so we can see what's going on.

    Kind Regards, 

    Aleksandar Vuković
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  • William Derichsweiler replied

    Hey Aleksandar,

    I apologize for my own delayed response now :)

    Sorry about the issue with not being able to see the page. You should be able to see the issue on this page: https://smitetwitchyleague.com/

    I've also attached a screenshot of the issue in this response. 

    I'm confident the issue can be solved with some CSS but I'm having trouble figuring it out. The site is using one of the WordPress default themes.

  •  1,851
    Miloš replied

    Hi, William

    Sorry for the delayed response.

    I can give you some CSS to start with. For this little "arrow" symbol of the dropdown, you can use this CSS selector, to manipulate any style properties for it :

    .wpDataTablesWrapper table.wpDataTable .bootstrap-select > .btn-default:before{
        font-family: wpDataTablesIcons;
        content: "\f0e1";
        color: #606266;
        position: absolute;
        right: 15%;
        top: 4px;
        font-size: 15px;
        height: 0;
        width: 0;
        background-image: none;
    }

    The main property is "right", i changed it from a fixed 20 px value, to 15% . 

    I hope that helps, but let us know in more details what you need to achieve, please, and we will do our best to help.

    - Also, if i recall from another of your tickets - these CSS styles are applied on the page as custom manual styles made by you, if I'm not mistaken? They are not part of a theme, or predefined styles? Sorry if I'm mistaken.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables