⚠ In case you've missed it, we have migrated to our new website, with a brand new forum. For more details about the migration you can read our blog post for website migration. This is an archived forum. ⚠

  •     

profile picture

Reduce the size of text in CSS



Maximus
  • profile picture
  • Member

Posted 22 January 2019 - 18:40 PM

Hey guys,

 

How can I reduce the size of text (output data in the datagrid) in Bootstrap theme?

The question is related to any theme. 

Changing CSS is not working. Tried with all fields related to "font-size".

Please advise.

Thanks!


navajo
  • profile picture
  • Member

Posted 25 January 2019 - 12:50 PM

I.m not sure in Bootstrap theme, but I changed it in Flegigrid.

 

\assets\grocery_crud\themes\flexigrid\css\flexigrid.css

 

@charset "UTF-8";
table th
{
    padding:0px;
    margin:0px;
}

/* CSS Document */
.flexigrid {
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    position:relative;
    border:0px solid #eee;
    overflow:hidden;
    color:#000;
}
.flexigrid.crud-form
{
    overflow:visible;
}
.flexigrid .field-sorting
{
    cursor: pointer;
}
.flexigrid.hideBody {
    height:26px !important;
    border-bottom:1px solid #ccc;
}
.ie6fullwidthbug {
    border-right:0px solid #ccc;
    padding-right:2px;
}


Maximus
  • profile picture
  • Member

Posted 12 May 2019 - 12:36 PM

Unfortunately, proposed solution is not working (neither Flexigrid, nor Datagrid or Bootstrap....) :(


TomWarner
  • profile picture
  • Member

Posted 02 September 2019 - 11:47 AM

Text sizes are always difficult to write tasks for the university. But I think I can help you through a  my latest blog post reliable site that will tell you everything about the opportunities and approaches that you need to find when writing assignments.