How Can I Move Theme Selector to Top?

Advanced and professional portal news Joomla template with community features and various content display layouts.
GK User
Sun Apr 08, 2012 10:36 pm
Hi Everyone!

I would like to move the theme color selectors at the bottom of TWN2 to the top of my site, just to the left of the login / register buttons. Users are telling me that they didn't even know they were at the bottom, and I think I'd rather have them at the top, with the other user type tools.

This is what I would like it to look like:
coalition-website.jpg
User avatar
Fresh Boarder

GK User
Mon Apr 09, 2012 12:02 am
Hi

Here's 2 options:

On both option, first go to template parameters and enable override.css file.

1th option (without changing core files):
Add this line on override.css file:

Code: Select all
#gkStyleArea  {position: absolute; top: 40px; right: 320px}


2th option (changing core files):
Open ../layouts/blocks/footer.php and cut this lines:

Code: Select all
<?php if($this->getParam('stylearea', '0') == '1') : ?>
            <div id="gkStyleArea">
                  <a href="#" id="gkStyle1">red</a>
                  <a href="#" id="gkStyle2">blue</a>
                  <a href="#" id="gkStyle3">brown</a>
                  <a href="#" id="gkStyle4">green</a>
                  <a href="#" id="gkStyle5">gray</a>
                  <a href="#" id="gkStyle6">pink</a>
            </div>
            <?php endif; ?>


Now open . ../layouts/blocks/logo.php and find this line:

Code: Select all
<?php if((GK_REGISTER || GK_LOGIN) && !GK_COM_USERS) : ?>


replace with

Code: Select all
<?php if($this->getParam('stylearea', '0') == '1') : ?>
            <div id="gkStyleArea">
                  <a href="#" id="gkStyle1">red</a>
                  <a href="#" id="gkStyle2">blue</a>
                  <a href="#" id="gkStyle3">brown</a>
                  <a href="#" id="gkStyle4">green</a>
                  <a href="#" id="gkStyle5">gray</a>
                  <a href="#" id="gkStyle6">pink</a>
            </div>
    <?php endif; ?>
         
   <?php if((GK_REGISTER || GK_LOGIN) && !GK_COM_USERS) : ?>


Now open overrule.css file and add this line:

Code: Select all
#gkStyleArea {float: right; margin: 13px 140px 0 0!important}


I would choose the second one, but you have to remind always this changes on future updates.
It's up to you.

Cheers ;)
User avatar
Platinum Boarder

GK User
Mon Apr 09, 2012 2:07 am
Thanks Seichinha, worked perfectly. :D

Walt.
User avatar
Fresh Boarder


cron