Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 24, 2018 at 3:56 pm #989235
    smoothbob

    Hi

    how can I make the quick css window bigger – ie wider and taller so I can see more

    http://wpg.com.gridhosted.co.uk/wp-content/uploads/2018/07/quickcss.png

    thanks!

    July 25, 2018 at 6:30 am #989493
    Rikard

    Hey smoothbob,

    You can change that in the avia_admin.css file, look for this class:

    .avia_sidebar_active .avia_control

    Best regards,
    Rikard

    July 25, 2018 at 1:44 pm #989671
    smoothbob

    Hi
    I added the framework and css folders to the child theme but could you tell me which file or files I need to edit – I see the class in various files and set it to 80% width and the description to 20% but my edits had no effect

    thanks again

    July 25, 2018 at 2:02 pm #989683
    smoothbob

    ignore this edit

    • This reply was modified 7 years, 3 months ago by smoothbob.
    July 25, 2018 at 2:06 pm #989688
    Yigit

    Hi,

    You can simply adjust the height and width below scrollbar – https://imgur.com/a/otMjqXX

    Regards,
    Yigit

    July 25, 2018 at 2:12 pm #989694
    smoothbob

    Hi

    I am aware of that, but it is not a good solution, better to resize it permanently

    thanks

    July 25, 2018 at 4:53 pm #989795
    Yigit

    Hi,

    Please add following code to bottom of functions.php file in Appearance > Editor

    function av_larger_quick_css() {
  echo '<style>#avia_quick_css .avia_control textarea {
    min-height: 400px;
}
.avia_sidebar_active #avia_quick_css .avia_description {
    width: 30%;
}
.avia_sidebar_active #avia_quick_css .avia_control {
    width: 70%;
}
</style>';
}
add_action('admin_head', 'av_larger_quick_css');

    Best regards,
    Yigit

    July 25, 2018 at 5:02 pm #989810
    smoothbob

    perfect thanks!

    July 25, 2018 at 5:13 pm #989817
    Guenni007

    i do allways this code to functions.php of my child-theme – it deactivates the reset all button too:

    function admin_head_mod() {
echo '<style type="text/css">
#avia_quick_css .avia_description {float: none;margin-bottom: 20px !important;padding-left: 0 !important;width: 98%}
#avia_quick_css .avia_control {float: left;max-width: 98% !important;width: 98% !important}
.avia_footer_links li {float: left;padding-right: 20px}
.avia_footer .avia_footer_save {float: left}
.avia_reset {pointer-events: none !important }
</style>';
}
add_action('admin_head', 'admin_head_mod');
    July 25, 2018 at 5:43 pm #989831
    smoothbob

    thanks :)

    July 25, 2018 at 5:47 pm #989833
    Yigit

    Hi,

    You are welcome! :)
    Thanks @Guenni007

    Best regards,
    Yigit

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Quick css window size’ is closed to new replies.