Hi,

I'm trying to figure out how to move the Site-Name so that it appears on the right of the logo. My logo is not as wide as the default so I like to put the Site-Name next to it on the right. I can change the font size of Site-Name through CSS but I'm not sure how to move it. I tried in Firebug but was not successful. I'm assuming that I must use CSS to move it???

Any help appreciated.

Comments

pwhiteside’s picture

There are two ways, one is CSS and the other is the template file, I personally would use the template file option.

CSS

You could try to use the position attribute in css, relative then left and again right for the logo.
This can cause problems and is not the cleanest method.

div{
  position:relative;
  left:-100px;
}

Template file

<-- You should do it this way.
The template files page--front.tpl.php and page.tpl.php contain the output for the pages (page--front.tpl.php = front page override, page.tpl.php = normal page) in sites/default(or all)/themes/bluemasters/

Inside these two is the code (line 36 to 55),

        <!--logo-floater-->
        <div id="logo-floater"> 
			<?php if ($logo): ?>
            <a href="<?php print check_url($front_page); ?>" title="<?php print t('Home'); ?>">
            <img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" />
            </a>
            <?php endif; ?>
            
            <?php if ($site_name || $site_slogan): ?>
            <div class="clearfix">
				<?php if ($site_name): ?>
                <span id="site-name"><a href="<?php print check_url($front_page); ?>" title="<?php print t('Home'); ?>"><?php print $site_name; ?></a></span>
                <?php endif; ?>
                
                <?php if ($site_slogan): ?>
                <span id="slogan"><?php print $site_slogan; ?></span>
                <?php endif; ?>
            </div>
            <?php endif; ?>
        </div> <!--EOF:logo-floater-->

This displays the logo first, to switch them try,

         <!--logo-floater-->
        <div id="logo-floater"> 

            <?php if ($site_name || $site_slogan): ?>
            <div class="clearfix">
				<?php if ($site_name): ?>
                <span id="site-name"><a href="<?php print check_url($front_page); ?>" title="<?php print t('Home'); ?>"><?php print $site_name; ?></a></span>
                <?php endif; ?>
                
                <?php if ($site_slogan): ?>
                <span id="slogan"><?php print $site_slogan; ?></span>
                <?php endif; ?>
            </div>
            <?php endif; ?>

			<?php if ($logo): ?>
            <a href="<?php print check_url($front_page); ?>" title="<?php print t('Home'); ?>">
            <img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" />
            </a>
            <?php endif; ?>
        </div> <!--EOF:logo-floater-->

Please note that this file may be overridden with updates to BlueMasters so always keep a backup, preferably change the new updated sheet each time so that full functionality of the theme if achieved.

I hope this helps,

Best Wishes, Phil.

thomas_rendleman’s picture

Running into the same issue. The above example just switches positions of the site-name and logo. It doesn't allow the position of the logo to be on the left with the site-name on the right. Stuck...

pwhiteside’s picture

Hi there,

Sorry I got confused, I use an image with a logo together so to me it looked right but I looked at the demo site again and understand now.

I think this is what you want, http://i.imgur.com/Z9XoD.png

To do this change the top of both page.tpl.php and front--page.tpl.php to,

        <!--logo-floater-->
        <div id="logo-floater"> 
			<?php if ($logo): ?>
            <a href="<?php print check_url($front_page); ?>" title="<?php print t('Home'); ?>">
            <img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" />
            </a>
            <?php endif; ?>
            
            <?php if ($site_name || $site_slogan): ?>

				<?php if ($site_name): ?>
                <span id="site-name"><a href="<?php print check_url($front_page); ?>" title="<?php print t('Home'); ?>"><?php print $site_name; ?></a></span>
                <?php endif; ?>
                
                <?php if ($site_slogan): ?>
                <span id="slogan"><?php print $site_slogan; ?></span>
                <?php endif; ?>

            <?php endif; ?>
        </div> <!--EOF:logo-floater-->

Lines 16 and 24 have been removed.

I hope this helps,
Best Wishes, Phil.

thomas_rendleman’s picture

Thanks Phil,

I have a LARGE drupal multi-site installation with over 150 domains for a single install. It needs to have individual site name, logo, and a few other pieces that are dynamically created. I decided because of the complexity to keep it simple and just adjust the css and remove the text and place it into the background as a png. It is pretty close to what I wanted. Because the site name, site slogan, and logo were all a bit different in size it was creating a nightmare. I really like the bluemaster. A picture is worth a thousand words.

Thank you for your input,

Thomas Rendleman

pwhiteside’s picture

Hi,

Slightly confused now, did my suggestion help as it works in the image I attached or have you solved this in another way? I hope you have gotten what you wanted.

If you have solved it then that's great please mark this issue as closed(fixed).

Best Wishes Phil.

thomas_rendleman’s picture

Status: Active » Closed (fixed)