where is the site logo control?

This is an open forum for any mojoPortal topics that don't fall into the other categories.

This thread is closed to new posts. You must sign in to post in the forums.
10/14/2009 1:40:33 PM
Gravatar
Total Posts 18439

Re: where is the site logo control?

Yes, if you upgraded from 2.3.1 version we have re-organized the skin files to make it easier to find things since then so copy all skins form /Data/skins to /Data/Sites/1/skins since you haven't yet implemented a custom skin. Another change is that we are using text links by default now for admin links as aggregate feedback has shown the icons to be less friendly. 

If you prefer the icons you can keep the existing skins in /Data/Sites/1/skins/, but the files are organized differently so its probably stylelayout.css that has the main css.

Hope it helps,

Joe

10/14/2009 1:48:54 PM
Gravatar
Total Posts 69

Re: where is the site logo control?

Bingo!  Everything working as should be.

Enjoy a couple of beers on me via paypal!

Thanks for the help - I am sure there will be more opportunities for more beer!

10/14/2009 1:50:45 PM
Gravatar
Total Posts 18439

Re: where is the site logo control?

Many thanks for the beers! Much appreciated.

Cheers,

Joe

10/14/2009 1:59:31 PM
Gravatar
Total Posts 69

Re: where is the site logo control?

ok, how about a quick one I hope.  Where would I look to move the company name over to the right from the logo?  The logo and company name are both sitting on top of each other.

Thanks

10/14/2009 2:05:36 PM
Gravatar
Total Posts 18439

Re: where is the site logo control?

You can either remove the SiteTitle control from the layout.master and just include the company name in the logo, or you can use positioning from the css to move their positions.

Hope it helps,,

Joe

10/14/2009 2:12:56 PM
Gravatar
Total Posts 2203

Re: where is the site logo control?

Add a margin or position offset to the siteheading selector in your CSS. Something like this (for a margin):

.siteheading{margin-left: 30px;}

You could also wrap both of the SiteTitle and the SiteLogo in a div, set the div to display: table and the css for each control to display:table-cell.

In layout.master

<div id="wraplogotitle">
   <portal:SiteLogo id="SiteLogo" runat="server"></portal:SiteLogo>
   <portal:SiteTitle id="SiteTitle1"runat="server" />
</div>

In Style.css (or stylelayout.css)

#wraplogotitle{
   position:relative;
   display: table;
   width:100%;
   height: 60px;
}

.sitelogo {
   float: left;
   display: table-cell;
}

h1.siteheading {
   display: table-cell;
 }

This will allow your Site Title to move in relation to the size of the logo selected.

Hope This Helps,
Joe D.

10/14/2009 2:25:02 PM
Gravatar
Total Posts 18439

Re: where is the site logo control?

Definitely Joe Davis can give you better css advice than me, even I'm learning from his posts. Thanks Joe D! You need to setup a Buy Joe Davis a beer on your site an link it in your signature ;-), I feel like I should have shared my beers with you on this one.

Best,

Joe

10/14/2009 2:30:39 PM
Gravatar
Total Posts 69

Re: where is the site logo control?

Be happy to by Joe Davis a couple of beers too once he gets his link set up.

Thanks for all the help!

10/14/2009 3:04:54 PM
Gravatar
Total Posts 69

Re: where is the site logo control?

Joe Davis - Here is what I have in my Layout.Master

<div>
  <portal:SiteLogo runat="server"></portal:SiteLogo>
     <portal:SiteTitle runat="server"></portal:SiteTitle>
<!--     <portal:SkipLink runat="server" /> -->
</div>

Here is what is in my style.css:

#wrapheader {
position:relative;
display: table;
width:100%;
height:84px;
background:url('headerbg-orange.gif') repeat-x 0 0;
}

.sitelogo {
   float: left;
   display: table-cell;
}

h1.siteheading {
   display: table-cell;
}

and here is what is in my stylelayout.css

#wrapheader { position: relative; height: 84px; }

I am extremely green (new at this) on the style sheet stuff.

I am not seeing the company name move at all.

Thanks.

 

10/14/2009 3:13:54 PM
Gravatar
Total Posts 2203

Re: where is the site logo control?

Can you post a link to the site you are working on?

It looks like the "paste from word" feature of the forum removed your id="..." from your tags. What is the ID of your DIV which wraps your logo and title controls?

-Joe D.

 

10/14/2009 3:17:39 PM
Gravatar
Total Posts 18439

Re: where is the site logo control?

I'll let Joe D help with the css but here is some info that will help you.

Any css files in your skin folder that are not listed in the style.config file can be safely deleted. stylelayout.css is not used anymore and it can be deleted as can styleborders.css, stylecolors.css, styleimages.css which are now all combined in style.css. I probably should have told you to delete all the skins from /Data/Sites/1/skins before copying them, then you would not have the extra legacy files.

There are other files that are used though, consult the style.config file to know what is safe to delete.

The files listed in style.config are combined together according to their sequence in the style.config file and minified. So you can actually organize your css into as many or as few files as you want according to your own preferences, and you can make some skins share files froma common location as well.

For more info on style.config see this page
http://www.mojoportal.com/understanding-the-styleconfig-file.aspx

Hope it helps,

Joe 

You must sign in to post in the forums. This thread is closed to new posts.