Title: Control Buttons Last modified: August 21, 2016 --- # Control Buttons * [merat](https://wordpress.org/support/users/merat/) * (@merat) * [12 years, 2 months ago](https://wordpress.org/support/topic/control-buttons/) * I managed to change buttons on this site – [http://www.video-email.si/](http://www.video-email.si/)– pass to enter: merat Now my client want buttons to rotate like on this site – [http://ferroecoblast.com/](http://ferroecoblast.com/) – I have no idea how to achieve this. * Appreciate any help! * [https://wordpress.org/plugins/ditty-news-ticker/](https://wordpress.org/plugins/ditty-news-ticker/) Viewing 11 replies - 1 through 11 (of 11 total) * Plugin Author [metaphorcreations](https://wordpress.org/support/users/metaphorcreations/) * (@metaphorcreations) * [12 years, 2 months ago](https://wordpress.org/support/topic/control-buttons/#post-4737259) * Could you explain what you want the rotate to be like? I’m seeing the example site, but I’m not sure which aspect of the functionality you want to mimic. * Thread Starter [merat](https://wordpress.org/support/users/merat/) * (@merat) * [12 years, 2 months ago](https://wordpress.org/support/topic/control-buttons/#post-4737263) * Bullets (now green squares) should move from left to right – like on the example site. * On my site green squares are jumping up an down – that is default setting, and I don`t know how to change this. * Plugin Author [metaphorcreations](https://wordpress.org/support/users/metaphorcreations/) * (@metaphorcreations) * [12 years, 2 months ago](https://wordpress.org/support/topic/control-buttons/#post-4737273) * Make a couple changes to your css. First remove the float:right on the buttons( this is what is causing them to rotate backwards, since the first button is on the far right). The jumping up/down is due to css in your theme. You need to remove the transition: * ``` .mtphr-dnt-control-button { /* float: right; */ margin-top: 10px !important; margin-right: 0px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } ``` * or * ``` .mtphr-dnt-control-button { margin-top: 10px !important; margin-right: 0px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } ``` * and add the float right on the containing div: * ``` .mtphr-dnt-control-links { float: right; } ``` * Thread Starter [merat](https://wordpress.org/support/users/merat/) * (@merat) * [12 years, 2 months ago](https://wordpress.org/support/topic/control-buttons/#post-4737285) * Thank you very much, it is exactly how I wanted. Easy, if you know how 🙂 … still learning. * Have a nice day! * Thread Starter [merat](https://wordpress.org/support/users/merat/) * (@merat) * [12 years, 1 month ago](https://wordpress.org/support/topic/control-buttons/#post-4737599) * Hi again, * Green squares were replaced by default grey bullet`s. I haven`t touched anything. And I forgot how I replaced default grey bullet`s with green squares.:-( There are no button.png images on your plugin when I look over ftp. ??? * Plugin Author [metaphorcreations](https://wordpress.org/support/users/metaphorcreations/) * (@metaphorcreations) * [12 years, 1 month ago](https://wordpress.org/support/topic/control-buttons/#post-4737600) * I have swapped out the image buttons with font icons for easier manipulation.. though, i understand it may have caused some issues with existing users who have already created their own css. * You should now be able to accomplish what you have with pure css: * ``` .mtphr-dnt-control-button i { background:green; } .mtphr-dnt-control-button i:before { display:none; } ``` * You may need to adjust the background color of the green to your specific hex color. * Thread Starter [merat](https://wordpress.org/support/users/merat/) * (@merat) * [12 years, 1 month ago](https://wordpress.org/support/topic/control-buttons/#post-4737601) * Thank you for your answer. I need two colors, light green and green as active. How do I do that? * BR * Thread Starter [merat](https://wordpress.org/support/users/merat/) * (@merat) * [12 years, 1 month ago](https://wordpress.org/support/topic/control-buttons/#post-4737602) * And the green squares should be smaller … * Plugin Author [metaphorcreations](https://wordpress.org/support/users/metaphorcreations/) * (@metaphorcreations) * [12 years, 1 month ago](https://wordpress.org/support/topic/control-buttons/#post-4737603) * ``` .mtphr-dnt-control-button i { width: 14px; height: 14px; background: #47AA42; } .mtphr-dnt-control-button.active i { background: #yourothercolor; } .mtphr-dnt-control-button i:before { display:none; } ``` * Thread Starter [merat](https://wordpress.org/support/users/merat/) * (@merat) * [12 years, 1 month ago](https://wordpress.org/support/topic/control-buttons/#post-4737604) * OK, I was just about to write that I managed to solve this 🙂 Thank you anyway for your help! * Have a nice day * Thread Starter [merat](https://wordpress.org/support/users/merat/) * (@merat) * [12 years, 1 month ago](https://wordpress.org/support/topic/control-buttons/#post-4737605) * Your code is cleaner than mine, so I used yours. * Best Regards Viewing 11 replies - 1 through 11 (of 11 total) The topic ‘Control Buttons’ is closed to new replies. * ![](https://ps.w.org/ditty-news-ticker/assets/icon.svg?rev=2650696) * [Ditty – Responsive News Tickers, Sliders, and Lists](https://wordpress.org/plugins/ditty-news-ticker/) * [Frequently Asked Questions](https://wordpress.org/plugins/ditty-news-ticker/#faq) * [Support Threads](https://wordpress.org/support/plugin/ditty-news-ticker/) * [Active Topics](https://wordpress.org/support/plugin/ditty-news-ticker/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/ditty-news-ticker/unresolved/) * [Reviews](https://wordpress.org/support/plugin/ditty-news-ticker/reviews/) * 11 replies * 2 participants * Last reply from: [merat](https://wordpress.org/support/users/merat/) * Last activity: [12 years, 1 month ago](https://wordpress.org/support/topic/control-buttons/#post-4737605) * Status: not resolved