Miko. eCommerce Template

Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

custom.css MUST be LAST!

4 years 4 months ago #1

  • Denis's Avatar
  • Denis
  • Posts: 6
Hello,

what for do we need custom.css, when all style from it will be overwritten by following css styles. Example:
	<link href="/templates/gridboxcore/css/custom.css" rel="stylesheet" type="text/css" />
	<link href="/components/com_baforms/assets/css/ba-style.css" rel="stylesheet" type="text/css" />

If I will change style for
.ba-terms-conditions input[type="checkbox"]{
an do it in file:
/components/com_baforms/assets/css/ba-style.css
So with next update of component the file will be overwritten, so changed must be in some safe place, file.

Please think about it and fix in the next releases.

4 years 4 months ago #2

  • Artem's Avatar
  • Artem
  • Posts: 9069
Hi Denis,

you need to add class suffix (Forms allows to add class suffix for each field) and write CSS using this suffix, and your CSS will be not overwritten by Gridbox core or Forms CSS styles

Also, you can add class suffix for section, column, row, plugin, so your code should look like
.my-class .ba-terms-conditions input[type="checkbox"] {

Regards,
Powered by Kunena Forum