XenForo User Upgrades (Gift)

[Blasteh]

Hi,
I'm trying to get my Gift Upgrades button to move beside the "Purchase" Button (known as Pay By PayPal). The first upgrade is edited in HTML (chrome console) where the second one is the the default one, but I want it like the first. I know you have to edit the templates, but I'm unsure how.

If you're experienced with XenForo, you'll understand what I mean by editing the template.

 

[Weasel]

Check the template system inside the admin panel. You should be able to search on classnames, and edit the CSS accordingly.

 

[Blasteh]

Check the template system inside the admin panel. You should be able to search on classnames, and edit the CSS accordingly.

There is no CSS for nixfifty's Gift Upgrades, only the template. Even so, the css for the Gift button is for all other button's as well, it doesn't have it's own class.

 

[TesoMayn]

There is no CSS for nixfifty's Gift Upgrades, only the template. Even so, the css for the Gift button is for all other button's as well, it doesn't have it's own class.

Edit the template, add a unique identifier for the "Gift" button and style it with that.

 

[Pinkman]

Or just copy the whole thing for the blue and replace it with cyan?

 

[Blasteh]

Or just copy the whole thing for the blue and replace it with cyan?

XenForo doesn't work that easily.

 

[Pinkman]

XenForo doesn't work that easily.

But surely it uses the same method doesn't it? It all uses one css.

Try editing with the f12 console

 

[Blasteh]

But surely it uses the same method doesn't it? It all uses one css.

Try editing with the f12 console

No, it doesn't. I edited the picture on console, but the templates aren't regular CSS.

 

[TesoMayn]

Just do as I said... and set the display to inline-block

#giftUpgrade { display: inline-block; }