Menu
GETTING STARTED
CONTENT
UTILITIES
Menu

Customization

Take advantage of the Bodrum's past, current and future updates, by learning how to create your own content without changing the core styles of Bodrum.

With SASS

Use the $font attribute as our typographic base applied to the <body> in scss/_theme-options.scss file to change the current font family variable with yours.

								
@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,600,700&display=swap&subset=latin-ext');
$font : 'Nunito', sans-serif;

With CSS

Simply replace the font family font-family from <body> in theme.css tag with yours.

								
@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,600,700&display=swap&subset=latin-ext');
html, body {
  font-family: "Nunito", sans-serif;
}

Changing Colors (SCSS)

Changing the colors of the entire template is extremely simple. All you have to do is change the variables in the scss/_theme-options.scss file to your liking.

								
// General Colors
$primaryColor: #335EEA;
$primaryColorSoft: #EDF3FF;

$successColor: #00C9A7;
$successColorSoft: #E8FAF6;

$dangerColor: #DE4437;
$dangerColorSoft: #FBEEED;

$warningColor: #FDBF30;
$warningColorSoft: #FFF4DA;

$gray: #F8F9FA;


// Text Colors
$headingColor: #1E2022;
$textColor: #77838F;
$textLight: #C1D0FF;