Important - Hands Up!
- Please ask using the account with which you made the purchase or download of our products and in its respective category.
- If you bought our products in another market, ask your questions in that market, not here.
* ADD PRODUCT NAME IN START OF SUBJET
LawStudio - Change Box Style
- S
- sis2018 Junior Member
- Topic Author 4 years 10 months ago #1
In the LawStudio template, there are boxes with border radius at top-left and bottom-right corners (see prnt.sc/qt9p6e )
How to edit and the style and remove the border radius? can I make it in custom.css
Please Log in or Create an account to join the conversation.
- L
- leoalv Moderator
- 4 years 10 months ago #2
Use your browser's inspector to identify the tag and the class that border radius has. Add that class to custom.css give it the value of border-radius: 0! Important;
regards
Please Log in or Create an account to join the conversation.
- S
- sis2018 Junior Member
- Topic Author 4 years 10 months ago #3
Thank you very much for your kind advise.
Hwever, I have tried to follow your suggestion, but the border corners are still rounded prnt.sc/r4k9ec
Could you please advise me futher on this issue.
Thank you very much for your kind help.
Best regards,
Suryana
Please Log in or Create an account to join the conversation.
- L
- leoalv Moderator
- 4 years 10 months ago #4
Before making any changes you have to find the class that has the attribute and the value you need to change. In this case, the border-radius was applied to the IMG tag that is within the .practices-image class that you modified.
You must change the border radius in the following:
Regards
Please Log in or Create an account to join the conversation.
- S
- sis2018 Junior Member
- Topic Author 4 years 10 months ago #5
Thank you very much for your kind advise, it works well. (see prnt.sc/r51vq5 )
But, the custom.css I made applies only for Blue Template color. How to make the custom.css to work for another template colors?
Thank you,
Suryana
Please Log in or Create an account to join the conversation.
- L
- leoalv Moderator
- 4 years 10 months ago #6
Tip: If it doesn't work you can add the! Important clause to the value of your attribute in your css. or divide practice at the beginning. These changes make the browser choose your customization.
Please Log in or Create an account to join the conversation.
- S
- sis2018 Junior Member
- Topic Author 4 years 10 months ago #7
I have followed up your advice and got successful results.
Except for the "send message" and "back to top" buttons which seem have the same class name (see: prnt.sc/r5qm2e )
What I want is that the "border radius" value of the "send message" button is: 0! Important, while for the "back to top" button is: 50%. How to do so?
Thank you very much for your further help in this issue.
Best regards,
Suryana
Please Log in or Create an account to join the conversation.
- L
- leoalv Moderator
- 4 years 9 months ago #8
The btn, btn-primary, button classes
The btn class applies to all buttons, the btn-primary class is used to give primary color to the buttons (We use bootstrap and it has classes like btn-success, btn-danger, btn-info, to color the buttons.Then if you directly modify the values it will change throughout the site.
The solution is to change their values by selecting a parent class or tag.
To change the radius of all the buttons on your entire website you can use
Please Log in or Create an account to join the conversation.
- S
- sis2018 Junior Member
- Topic Author 4 years 9 months ago #9
Thank you very much for your great advise.
Now, I can solve the issues prnt.sc/r5yfy2
Best regards,
Suryana
Please Log in or Create an account to join the conversation.