How to move a button?

Post plugins and custom CSS snippets here
Sciamano
Bear Rating Trainee
Bear Rating Trainee
Posts: 16
Joined: 25 Feb 2014, 18:05

How to move a button?

Postby Sciamano » 24 Oct 2016, 15:51

Hello, me again :)
By copying here and there I've finally managed to recreate my beloved Google Reader look in tt-rss.
I only have one problem, and I can't seem to find the solution (sorry, I really don't understand much in coding): I would like to move the "Mark all read" button before the other buttons (see attached image).
How can I achieve this? Thanks

EDIT: it seems like the screenshot failed to upload. Anyway, here it is:
Image

User avatar
sleeper_service
Bear Rating Overlord
Bear Rating Overlord
Posts: 884
Joined: 30 Mar 2013, 23:50
Location: Dallas, Texas

Re: How to move a button?

Postby sleeper_service » 24 Oct 2016, 18:57

there's something to be said for adaptability, and not clinging desperately to the dead past.

User avatar
fox
^ me reading your posts ^
Posts: 6318
Joined: 27 Aug 2005, 22:53
Location: Saint-Petersburg, Russia
Contact:

Re: How to move a button?

Postby fox » 24 Oct 2016, 19:28

beloved google reader, huh

Sciamano
Bear Rating Trainee
Bear Rating Trainee
Posts: 16
Joined: 25 Feb 2014, 18:05

Re: How to move a button?

Postby Sciamano » 24 Oct 2016, 20:21

Well, it's clear, compact and simple. Of course I could survive with a different theme, but what's wrong in sticking with what's more familiar?
Anyway, I was interested in moving the button in order to learn something new. If it's too much to ask or too complicated to explain, just say so, it's not a big deal.

levito
Bear Rating Disaster
Bear Rating Disaster
Posts: 77
Joined: 17 Mar 2013, 04:18

Re: How to move a button?

Postby levito » 25 Oct 2016, 00:20

You could do it in a hacky way with a custom stylesheet (Preferences > Customize stylesheet) containing:

Code: Select all

#main_toolbar_form {
   position: relative;
}
#main_toolbar_form > :last-child {
   position: absolute;
   top: 2px;
   left: -320px; /* tune that value so it looks okay for your language setting */
}

Sciamano
Bear Rating Trainee
Bear Rating Trainee
Posts: 16
Joined: 25 Feb 2014, 18:05

Re: How to move a button?

Postby Sciamano » 25 Oct 2016, 10:19

Thank you so much, this worked perfectly!
I didn't know items could be moved by editing the CSS... I thought the modifications had to be "deeper" inside the code. Very cool!

martywd
Bear Rating Trainee
Bear Rating Trainee
Posts: 26
Joined: 04 Feb 2013, 20:47
Location: Texas

Re: How to move a button?

Postby martywd » 25 Oct 2016, 17:42

Sciamano wrote:Thank you so much, this worked perfectly!...


I second that. I too much prefer having the 'Mark as read' button on the left aka more toward the middle of the page in my _beloved_tt-rss_ reader. This bit of code does the trick. Thanks again @levito .
.

Sciamano
Bear Rating Trainee
Bear Rating Trainee
Posts: 16
Joined: 25 Feb 2014, 18:05

Re: How to move a button?

Postby Sciamano » 26 Oct 2016, 15:36

martywd wrote:I second that. I too much prefer having the 'Mark as read' button on the left aka more toward the middle of the page in my _beloved_tt-rss_ reader. This bit of code does the trick. Thanks again @levito .
.


Glad my taking the beating was useful to others too. :mrgreen:


Return to “Themes and plugins”

Who is online

Users browsing this forum: No registered users and 1 guest