Drupal – Create your own CSS style

Last time we have added a new font in the Drupal website using the @font-face module.
Drupal – Customize Fonts in Drupal

We can also apply this font-family in the .css file but first we have to add our own .css file and included it in the theme.

Go to your theme folder and create a new folder named as css if it doesn’t exist. Then create your .css file there. After that, go back to the theme folder and add the following line in the <theme>.info file.

...
stylesheets[all][] = style.css
; Include the newly created .ykyuen.css
stylesheets[all][] = css/ykyuen.css
...

 

This is the content of ykyuen.css which will be applied to the language switcher title in the header.

.sidebar-left #header-region .block-locale h2 {
  color: #347C12;
  font-family: 'AngelinaRegular';
}

 

Clear the cache and check if the new .css works.

 

Done =)

Leave a comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.