views/default/hypeMySite/css/mysite.css.php

Last updated by ihayredinov

/* **************************

 

Now let's start changing the styles

For example, the following is the default Elgg button. 

Let's say we want to change the border radius to 0 and make the button a square and make the text smaller

 

.elgg-button {

font-size: 14px;

font-weight: bold;

 

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

 

width: auto;

padding: 2px 4px;

cursor: pointer;

outline: none;

 

-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);

-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);

box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);

}

 

 

Below in our css file we need to put the following to make border radius 0

 

.elgg-button {

font-size: 12px;

 

-webkit-border-radius: 0;

-moz-border-radius: 0;

border-radius: 0;

}

 

************************** */

ihayredinov

My involvement with Elgg has come to an end. Please do not send me support requests.