Hello Emilio,

You would need to modify the theme file in /templates/elegant/index.php . The concept behind all our templates is to bring back simplicity to site owners without any hassle frameworks. I understand that frameworks may be good at customizing this kind of stuffs but honestly, is it worth sacrificing performance over only customizing it several times?

Ideally, you should use css to help you achieve this. For instance, edit the index.php file and locate the codes below,

		            <a class="navbar-brand" href="/">

		            	<?php if ($this->params->get('show_heading_title', true)) { ?>

							<?php echo JText::_($this->params->get('title', 'Elegant'));?>

						<?php } ?>

		            </a>

Replace it with,

 <a class="navbar-brand" href="/">

         <span class="hk">HONG KONG</span> | <span class="framed">FRAMED</span>

</a>

Then simply create a file /templates/elegant/css/custom.css and add the block of codes below:

.navbar-brand .hk {

    color: #ff0000;

}



.navbar-brand .framed {

    color: #696969;

}

There you go, CSS + HTML 101