Improve the display of beauty by website

[thienlong095Verified member]

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

 

[darkmask09]

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

 

[xenvnVerified member]

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 content
(5 lines)

 

[darkmask09]

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

You must log in to view content
(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.

 

[thienlong095Verified member]

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.

 

[thienlong095Verified member]

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

 

[thienlong095Verified member]

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

 

[xenvnVerified member]

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

You must log in to view content
(4 lines)

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

You must log in to view content
(6 lines)