Hello,
I've got a little css issue I can't solve (I have not enough knoweledge of css I guess)
maybe someone can help me out with this
I have cobalt on rockettheme paradigm template
and in the "submit record" form that you can access from this page http://www.alkemica.net/contenuti
the fields labels are not aligned correctly
I understand that this is due to this css rule
adminForm label {
width: 100%;
}
if I change the width value to 20% the labels are ok
but It seems that I am not able to override this css correctly
I tried several solutions in my template custom css file,
main of which
adminForm label {
width: 20% ;
}
or
adminForm label {
width: 20% !important;
}
or
body #adminForm label {
width: 20% !important;
}
but it just doesn't work
by inspecting all less files fo this template I can see that there is a
#adminForm {
fieldset {
padding: 20px 15px;
margin: 10px 0 15px 0;
}
label {
width: 100%;
}
.formelm-area {
padding: 5px 0;
label {
vertical-align: top;
display: inline-block;
width: 7em;
}
}
}
rule in less\joomla-core.less file
and yes, i have disabled less compiler cache, and I deleted joomla and browser cache every time I tried to do something, as well as deleting compiled css files if I found them on the site
I guess I just do not undertand enough css specification rules to solve this little issue
if you want you shoul dbe able to access and test the "create record" fomr here http://www.alkemica.net/contenuti , by clicking on "post here" menu in the cobal menu bar, it is enabled also for public users and should work.
any suggestion is really appreciated
thank you!
Question
Announcement
Conversation
Idea
Praise
Problem
Open
Hello,
I've got a little css issue I can't solve (I have not enough knoweledge of css I guess)
maybe someone can help me out with this
I have cobalt on rockettheme paradigm template
and in the "submit record" form that you can access from this page http://www.alkemica.net/contenuti
the fields labels are not aligned correctly
I understand that this is due to this css rule
adminForm label {
}
if I change the width value to 20% the labels are ok
but It seems that I am not able to override this css correctly
I tried several solutions in my template custom css file,
main of which
adminForm label {
width: 20% ;
}
or
adminForm label {
width: 20% !important;
}
or
body #adminForm label {
width: 20% !important;
}
but it just doesn't work
by inspecting all less files fo this template I can see that there is a
rule in less\joomla-core.less file
and yes, i have disabled less compiler cache, and I deleted joomla and browser cache every time I tried to do something, as well as deleting compiled css files if I found them on the site
I guess I just do not undertand enough css specification rules to solve this little issue
if you want you shoul dbe able to access and test the "create record" fomr here http://www.alkemica.net/contenuti , by clicking on "post here" menu in the cobal menu bar, it is enabled also for public users and should work.
any suggestion is really appreciated
thank you!