How to edit the call to action button

[RobinHood]

Anyone got any tips on where I can go and what to do to edit the call to action sign up button?

I can't seem to find the image for it.

Cheers

 

[Forsaken]

Under Button in style properties.

 

[Luke B]

Good evening Robinhood.

The Sign up button is actually not an image at all (although there is a slight png gradient image applied). It's built with CSS and you can edit that to your liking.
Search for sidebar.css in "templates". It's near the bottom.

 

[RobinHood]

Ahh whoops! Silly me, I tracked it to the gradients folder so I had a snaking suspicion it was something to do with that. I'll investigate the sidebar.css file! Cheers

 

[Luke B]

Ahh whoops! Silly me, I tracked it to the gradients folder so I had a snaking suspicion it was something to do with that. I'll investigate the sidebar.css file! Cheers

Easy mistake robinhood. I've had my far share that's for sure

 

[Paul B]

As Forsaken already said though, you can style it directly from Style Properties -> Buttons.

There's no need to edit the css templates directly if you prefer not to.

 

[dieketzer]

Good evening Robinhood.

The Sign up button is actually not an image at all (although there is a slight png gradient image applied). It's built with CSS and you can edit that to your liking.
Search for sidebar.css in "templates". It's near the bottom.

if you would rather directly edit css rather than using style properties, youd be better off overriding the css by adding css in the template 'extra.css'.
directly editing sidebar.css and the like will not only fragment all your edits over dozens of templates, it will also become a problem with future xf updates as you will need to revert custom templates then reapply the edits.
its best to get out of this habit now.

 

[Paul B]

Any changes made in Style Propertes will update the corresponding class in the templates.
In the case of the sign up button for example, the content between the @property "signupButton" and @property "/signupButton" tags will be updated.

This is how the system has been designed - so changes can be made in Style Properties or the templates.

See this section of the Help Manual: http://xenforo.com/help/css-templates/

 

[RobinHood]

That's really helpful guys, makes lots of sense. I've moved a few of my previous css amendments over to the extras sheet so hopefully it won't break my site on future updates!

 

[Luke B]

Any changes made in Style Propertes will update the corresponding class in the templates.
In the case of the sign up button for example, the content between the @property "signupButton" and @property "/signupButton" tags will be updated.

This is how the system has been designed - so changes can be made in Style Properties or the templates.

See this section of the Help Manual: http://xenforo.com/help/css-templates/

Thank you Brogan.

Just to clarify. For the sign up button, I changed border-radius: 5px; in the sidebar template, to border-radius: 4px;. I see the changes have been updated in the Style Properties as well. So I'm not at risk for loosing anything on update correct?

Luke

 

[Paul B]

That's correct.

Any changes made in Style Properties are preserved during upgrades.

 

[RobinHood]

I've managed to edit my sign up button using the style properties as advised and I now have an image there, any ideas where I can delete the 'Sign Up Now' text? I'd also like to alter the title of that block as it currently says 'Welcome to Themes Inc.' I guess the theme I installed wrote over what was there before.

 

[Paul B]

Edit the sign_up_now phrase to remove the text.

The block header text should also be another phrase which you can edit.