Title: CSS for custom plugin location
Last modified: August 22, 2016

---

# CSS for custom plugin location

 *  Resolved [basdemos](https://wordpress.org/support/users/basdemos/)
 * (@basdemos)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/css-for-custom-plugin-location/)
 * First of all, love the plugin! My question: I’ve managed to put the widget in
   the title area of my site with the help of my theme’s authors, and was able to
   move it to the right with CSS. Now I’m trying to get some padding between the
   flags as they’re stuck together. I tried the following code in my custom .css
   file:
 *     ```
       .transposh_flags a span, .transposh_flags a img{
       padding-right= 2px;}
       ```
   
 * But that didn’t do anything. Is there a solution? My site: [](http://atlantikwallmuseum.nl/)
 * Regards,
    Bas
 * [https://wordpress.org/plugins/transposh-translation-filter-for-wordpress/](https://wordpress.org/plugins/transposh-translation-filter-for-wordpress/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [oferwald](https://wordpress.org/support/users/oferwald/)
 * (@oferwald)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/css-for-custom-plugin-location/#post-5773488)
 * Hi,
 * .transposh_flags a span, .transposh_flags a img {
    border-color: transparent;
   border-radius: 0; border-style: solid; border-width: 1px 3px; box-shadow: 0 0;
   padding: 2px; }
 * Works as expected when changing in the widget .css file
 * however, you probably want to use the !important keyword…
 *  Thread Starter [basdemos](https://wordpress.org/support/users/basdemos/)
 * (@basdemos)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/css-for-custom-plugin-location/#post-5773514)
 * Got it to work, thank you!
 * Regards,
    Bas
 *  [idaryl](https://wordpress.org/support/users/idaryl/)
 * (@idaryl)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/css-for-custom-plugin-location/#post-5773639)
 * If you want it to have some kind of effect try this:
 *     ```
       .transposh_flags a span, .transposh_flags a img {
           border-color: transparent;
           border-radius: 0;
           border-style: solid;
           border-width: 2px;
           border-style: dotted;
           box-shadow: 0 0;
           padding: 8px 6px;
       }
       .transposh_flags a span, .transposh_flags a img:hover {
           border-color: white;
       }
       ```
   
 * It has a nice white dotted line around the flags when the mouse is over them –
   and – has some spacing in between

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘CSS for custom plugin location’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/transposh-translation-filter-for-
   wordpress_495166.svg)
 * [Transposh WordPress Translation](https://wordpress.org/plugins/transposh-translation-filter-for-wordpress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/transposh-translation-filter-for-wordpress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/transposh-translation-filter-for-wordpress/)
 * [Active Topics](https://wordpress.org/support/plugin/transposh-translation-filter-for-wordpress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/transposh-translation-filter-for-wordpress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/transposh-translation-filter-for-wordpress/reviews/)

 * 3 replies
 * 3 participants
 * Last reply from: [idaryl](https://wordpress.org/support/users/idaryl/)
 * Last activity: [11 years, 2 months ago](https://wordpress.org/support/topic/css-for-custom-plugin-location/#post-5773639)
 * Status: resolved