# Stylesheets
All CSS for your theme will be located here.
The `theme.css` file is the focal point for loading the styles. These could all have been in one file, but have been split up for the sake of more easily structuring and maintaining the codebase.
* **reset.css** : resets background and border of all elfinder elements so that you can skin from scratch without manually positioning the main elements yourself
* **main.css** : main UI elements (wrapper for the main elfinder div, global styles, etc..)
* **icons.css** : icons across the UI (e.g. file associations)
* **toolbar.css** : toolbar at the top of the elfinder container. Contains toolbar buttons and searchbar
* **navbar.css** : directory navigation on the left-hand panel
* **view-list.css** : defines the list view
* **view-thumbnail.css** : defines the thumbnail/tile view
* **contextmenu.css** : context menu shown when right-clicking on in the list/thumbnail view or navbar
* **dialog.css** : information dialogs/modal windows
* **statusbar.css** : footer; contains information about directory and currently selected files
Note that many of the styles have a large degree of selectivity. E.g:
```css
.elfinder .elfinder-navbar .elfinder-navbar-dir.ui-state-active:hover { /* */ }
```
This is to minimize the need for using `!important` flags to override the existing styles (particularly with respect to jQuery UI's CSS).
## Tips
* Use the `reset.css` style to reset the styles that you need to. Comment out selectors that you wish to remain untouched.
* If you need to reset a style outside of `reset.css`, the following normally suffices:
```css
background: none;
border: none;
```
* If you want to change the icons in a particular container, it is best to reset the icon's style from a general selector, then style each individual icon separately. For example:
```css
/* All toolbar icons */
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon {
/* reset the style and set properties common to all toolbar icons */
}
/* mkfile toolbar icon */
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-mkfile {
/* styles specific to the mkfile button (e.g. background-position) */
}
```
* Some styles have their `text-indent` property set to `-9999px` to keep the text out of view. If after styling you can't see the text (and you need to), change the `text-indent` property
"use strict";var WPMailSMTP=window.WPMailSMTP||{};WPMailSMTP.Admin=WPMailSMTP.Admin||{},WPMailSMTP.Admin.About=WPMailSMTP.Admin.About||function(a,t,d){var i={init:function(){d(i.ready)},ready:function(){i.pageHolder=d(".wp-mail-smtp-page-about"),i.bindActions(),d(".wp-mail-smtp-page").trigger("WPMailSMTP.Admin.About.ready")},bindActions:function(){jQuery(".wp-mail-smtp-admin-about-plugins .plugin-item .details").matchHeight(),d(a).on("click",".wp-mail-smtp-admin-about-plugins .plugin-item .action-button .button",function(a){a.preventDefault();var i=d(this);if(i.hasClass("disabled")||i.hasClass("loading"))return!1;var s,n,l,e,o,u=i.closest(".plugin-item"),a=i.attr("data-plugin");if(i.addClass("loading disabled"),i.text(wp_mail_smtp_about.plugin_processing),i.hasClass("status-inactive"))s="about_plugin_activate",n="status-active button button-secondary disabled",l=wp_mail_smtp_about.plugin_active,e=wp_mail_smtp_about.plugin_activated;else{if(!i.hasClass("status-download"))return i.hasClass("status-open")?(t.open(i.attr("href"),"_blank").focus(),i.removeClass("loading disabled"),void i.text(wp_mail_smtp_about.plugin_visit)):void 0;s="about_plugin_install",n="status-active button disabled",l=wp_mail_smtp_about.plugin_active,e=wp_mail_smtp_about.plugin_activated}a={action:"wp_mail_smtp_ajax",task:s,nonce:wp_mail_smtp_about.nonce,plugin:a};d.post(wp_mail_smtp_about.ajax_url,a,function(a){var t;a.success?(t=!0,"about_plugin_install"===s?(i.attr("data-plugin",a.data.basename),o=a.data.msg,a.data.is_activated||(n="button",l=wp_mail_smtp_about.plugin_inactive,e=wp_mail_smtp_about.plugin_activate)):o=a.data,u.find(".actions").append('
"),i.html(wp_mail_smtp_about.plugin_download_btn)),t||i.removeClass("disabled"),i.removeClass("loading"),setTimeout(function(){d(".plugin-item .msg").remove()},3e3)}).fail(function(a){console.log(a.responseText)})})}};return i}(document,window,jQuery),WPMailSMTP.Admin.About.init();
test
A practical guide to UK live casino game shows in 2026: how they work, which operators offer the best value, and what the UKGC rules mean for your bankroll. read the best online casino game shows UK 2026 guide
Compare the best online casino payment methods for UK players in 2026. Find out which deposit and withdrawal options are fastest, cheapest and safest, plus a ranked table of trusted casinos by payment support. read the complete guide to best online casino payment methods UK 2026
Compare the best UK casino welcome bonuses for 2026, including no wagering free spins, deposit matches, and mobile offers. Learn how to avoid wagering traps and claim the top deals. read the expert guide to UK casino welcome bonuses
We rank the UK's best cashback casinos for 2026, cutting through wagering traps and naming operators that actually pay. No hype, just the fine print. read our guide to the best UK cashback casinos
Our 2026 guide ranks the best no limits casinos UK for high rollers, covering table ceilings, slot spin limits, withdrawal caps, and UKGC affordability rules. read the best no limits casinos guide
We rank the best UK online casinos offering Big Time Gaming slots in 2026, comparing bonuses, licensing, withdrawal speed, and the top BTG games like Bonanza and Extra Chilli. read the best Big Time Gaming casino guide
We tested ten UKGC-licensed casinos that offer Eyecon slots, including Fluffy Favourites and Shaman's Dream, and compared bonuses, withdrawals, and mobile play for 2026. read the full Eyecon slots UK casino guide
Our 2026 guide to the best UK online casinos offering Jackpot King slots compares licensed operators, bonus types, popular games, RTP, and payout speeds. read the best UK Jackpot King casino guide
