Sign In - Set colour button

[maxdome]

If you want to put a color in the (Sign In) button,

edit the headers.php file (app/themes/Peafowl/header.php) and change this code in (line 279).

Before:

<span class="top-btn-text"><span class="icon icon-login tablet-hide laptop-hide desktop-hide"></span><span class="text phone-hide phablet-hide"><?php _se('Sign in'); ?></span></span>

After:

<span class="top-btn-text top-btn-create-account btn blue text"><span class="icon icon-login tablet-hide laptop-hide desktop-hide"></span><span class="text phone-hide phablet-hide"><?php _se('Sign in'); ?></span></span>

where blue can change it to another color: blue, green, orange, red, grey, black, white

*Remember, this affects also the Mobile and Tablet colour button!


DEMO: PC

DEMO: MOBILE

If you liked my idea, please click the "like" button 🙂

Best Regards:
Gio

 

[sultime]

Hello maxdome

Very good idea it would be nice to have this change in the next version Chevereto otherwise has every update we lose this code

 

[sultime]

Hello maxdome

edit the headers.php file (app/themes/Peafowl/header.php) and change this code in (line 279).

I is not the same line you have the 279 so I was not successful put

 

[Rodolfo]

It would be nice to have this change in the next version Chevereto otherwise has every update we lose this code

Is almost impossible to fill all the editable gaps in systems like this one so I'm working in to make it hassle free as possible.

Some of the thing that will help this thing are the template overrides that will be added in v3.6.3 where you will be able to override any theme file without messing with the base theme (which is the most annoying thing in Chevereto). This means that you will be able to customize anything without messing the default theme when you upgrade. Obviously that when the core theme changes you will need to push those changes but currently that means that you need to fork the theme, lost the track of what exactly you edited, etc. I know that is not perfect but it will certainly be way less hassle than before.

Secondly, and this is a recommendation for anyone customizing HTML in system like this: The best way to do that without meaning that changes are needed over and over is by doing those using native JS. This means that JS changes the DOM asap so the change is instant to the end user. A way to do this is by using hooks, ideal thing is to place the code right after the DOM but that also means countless hooks in the base system so the thing to use could be custom_hooks/footer.php

Third option is to use CSS which is more limited but you can achieve customization with absolute no issues. In this case you need the right selector and just copy the base style (button).

 

[sultime]

Hello Rodolfo,

Ok thank you for taking this comment into consideration

 

[maxdome]

I is not the same line you have the 279 so I was not successful put

Search this code:

<span class="top-btn-text"><span class="icon icon-login tablet-hide laptop-hide desktop-hide"></span><span class="text phone-hide phablet-hide"><?php _se('Sign in'); ?></span></span>

Replace with this code:

<span class="top-btn-text top-btn-create-account btn blue text"><span class="icon icon-login tablet-hide laptop-hide desktop-hide"></span><span class="text phone-hide phablet-hide"><?php _se('Sign in'); ?></span></span>

Cheers!

 

[sultime]

Search this code:

<span class="top-btn-text"><span class="icon icon-login tablet-hide laptop-hide desktop-hide"></span><span class="text phone-hide phablet-hide"><?php _se('Sign in'); ?></span></span>

Replace with this code:

<span class="top-btn-text top-btn-create-account btn blue text"><span class="icon icon-login tablet-hide laptop-hide desktop-hide"></span><span class="text phone-hide phablet-hide"><?php _se('Sign in'); ?></span></span>

Cheers!

Thank you very much for your maxdome helps is solved