Monday, October 12, 2020

Shutter screenshot tool in Ubuntu 20.04

I frequently use screen capture to record the steps in using software. The best tool for doing this is Shutter. So I make it available every time my Ubuntu 20.04 starts.
 

Step 1: Open Startup Applications


From the left corner button, click Show Applications
 

then select Startup Applications



Step 2: Add shutter in startup list


Shutter should be listed in the startup program by adding the command. 

For the name field, type: shutter

For the command field, type: shutter --min_at_startup

the click Save button.


Step 3: Restart Ubuntu


To make Shutter runs on startup, then restart the machine and you can see the shutter icon. Shutter is now ready to use.


and enjoy using Shutter.



Friday, October 9, 2020

Solving network and wifi icons with question mark in Ubuntu 20.04 Focal Fossa

Recently I installed new Ubuntu 20.04 in my new HP notebook running AMD® Ryzen 5 3500u. After complete installed, the network icon changed to a network icon with a question mark, although the internet was working normally.
 

To solve this 


Step 1 - Ubuntu Settings


 Open Settings

 

Step 2 - Connectivity Settings


Select privacy menu, then in the connectivity option, turn it off.

After this step, the question mark gone. The icon looks fine and normal as expected. This also solved wifi icon with question mark.



Saturday, August 30, 2014

Styling Drupal Better Login with CSS

I use Drupal module Better Login. The default style is so plain. Styling is necessary to change the look of the login page. The style can be changed by modifying the css file betterlogin.css in folder /sites/all/modules/betterlogin/css

This is the example of my login page:


the betterlogin.css file:

#auth_box {
  width: 300px;
  margin: 0 auto;
  padding: 50px 0 0;
  font-family: sans-serif;
  background: #0779bf ;
}

  #auth_box h1#the_logo {
    text-align: center;
    margin: 0;
    padding: 0 0 25px;
    background: #48a9e4; /* #CEF6F5 ; */
    box-shadow: 0 0 3px 1px #ccc;
  }
   
    #auth_box h1#the_logo img {
      max-width: 250px;
      color: white;
    }
 
  #auth_box h2.title {
    margin: 0;
    padding: 0 0 15px;
    font-size: 2em;
  }
 
  #auth_box input[type="text"],
  #auth_box input[type="password"] {
    width: 260px;
    border: 1px #ccc solid;
    border-radius: 3px;
    padding: 5px;
    font-size: 15px;
  }

  #auth_box input[type="submit"] {
    float: right;
  }

  #auth_box #middle_part {
    border-radius: 3px;
/*    background: #E6F810; #fff; */
background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #4BF6FC),
    color-stop(0.56, #E5F810)
);
background-image: -o-linear-gradient(bottom, #4BF6FC 0%, #E5F810 56%);
background-image: -moz-linear-gradient(bottom, #4BF6FC 0%, #E5F810 56%);
background-image: -webkit-linear-gradient(bottom, #4BF6FC 0%, #E5F810 56%);
background-image: -ms-linear-gradient(bottom, #4BF6FC 0%, #E5F810 56%);
background-image: linear-gradient(to bottom, #4BF6FC 0%, #E5F810 56%);   
    padding: 15px;
    overflow: hidden;
    box-shadow: 0 0 3px 1px #ccc;  
  }

  #auth_box .back_link {
    padding: 15px 0 0;
    color: white ;
  }

  #auth_box #bottom_part {
    font-size: 13px;
    padding: 15px 0 0;
  }
 
/* WAS */
body.html.not-front.not-logged-in.no-sidebars.page-user.page-user-login {
  background: #0779bf;
}

 #auth_box .password_link a {
    color: white;
  } 

  #auth_box .back_link a {
    color: white ;
  }
 
  body.html.not-front.not-logged-in.no-sidebars.page-user.page-user-password {
  background: #0779bf;
}
 
 #auth_box .login_link a {
    color: white;
  } 
 
div#edit-actions {
  background: #E6F810;
}