By WU on Thursday, 01 February 2018
Posted in Vanilla
Replies 5
Likes 0
Views 835
Votes 0
How could I move icon position to where I want to?
Hey Wu,

I am really sorry for the delay of this reply as it is actually a public day off for us here. You should use css to tweak the position of the button. This way, you don't have to worry too much about upgrades in the future (if you mess around with the html codes)

Here's an example of css code that you could use,

[gist]
body.view-article #sp-component .icons .btn-group.pull-right {
position: absolute;
top: 60px;
right: 20px;
}
[/gist]
·
Thursday, 01 February 2018 13:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Wu,

I am really sorry for the delay of this reply as it is actually a public day off for us here. You should use css to tweak the position of the button. This way, you don't have to worry too much about upgrades in the future (if you mess around with the html codes)

Here's an example of css code that you could use,

[gist]
body.view-article #sp-component .icons .btn-group.pull-right {
position: absolute;
top: 60px;
right: 20px;
}
[/gist]



Thank you Mark.
I use css code in my Vanilla, but l delete the field, "body.view-article", and then it does work. Do I do it correctly?
WU
·
Thursday, 01 February 2018 20:59
·
0 Likes
·
0 Votes
·
0 Comments
·
The body.view-article is mainly to ensure that you are only applying this on the article view page. Without it, if there are any other places that has such html codes would be affected:

[gist]
<div class="icons">
<div class="btn-group pull-right"></div>
</div>
[/gist]
·
Thursday, 01 February 2018 21:16
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post