Improve the display of beauty by website

[thienlong095]

I'm currently using the theme house's UI
However, when I switched to using the material font, the display button was changed to a square, please give me a way to fix it

highlight the buttons to increase the feeling of user interaction, for example, the reaction button
for example as of xnforo.ir

 

Referral System by Siropu

D

How to set a clock like in here

[darkmask09]

Rebuild the cache from Tools > Rebuild Cache. See what happens.

 

[xenvn]

highlight the buttons to increase the feeling of user interaction, for example, the reaction button
for example as of xnforo.ir

thử thêm code css này nhé:

You must log in to view
(5 lines)

 

[darkmask09]

thử thêm code css này nhé:

You must log in to view
(5 lines)

Thanks for this easy solution. @thienlong095 Add this code to extra.less. Go to Appearance > Templates. Then select the child theme from the styles dropdown menu on the right side. Then type extra.less in the search box. Click on the file name from the list. It will open. Add the code given by @xenvn . Save. You can customize as you wish.

 

[thienlong095]

Rebuild the cache from Tools > Rebuild Cache. See what happens.

I tried, but it doesn't seem to work

 

[darkmask09]

Try the other solution. Use the code from @xenvn and follow my steps.

 

[thienlong095]

Try the other solution. Use the code from @xenvn and follow my steps.

css action button highlighting of @xenvn works fine, but font awesome icon cannot be converted to font material

 

[thienlong095]

hmm, i have a question, if i want to change the order of action buttons (only show on mobile) what css commands do i need to add thanks, example image
- change button position as you like (only visible on phone)
- divide yourself in the middle for objects (so it will look similar to the interface displayed on facebook, easy for users to access interactive buttons according to UX / UI

hope to get help with CSS that can help with this, thanks

 

[xenvn]

@thienlong095
Center Like icon (đưa icon like vào giữa):

You must log in to view
(4 lines)

and only on mobile (chỉ áp dụng trên mobile):

You must log in to view
(6 lines)