Removing Glitches, Altering Text Position, and Selecting Favicon

[rshepard]

Using 1.8.2 and a copy of the Arty theme/framework. I've just about completed the migration of our site from straight xhtml/css to CMS Made Simple. I have four remaining issues that I've not been able to resolve myself. The attached screenshot illustrates three of the four issues.

  1.) There is now a light band at the very top of the pages with a 'y' at the left margin. I've no idea how this got there but I cannot find anything in the template .html that appears related. Where should I look to remove this?

  2.) I initially used the image manager to install a small image (of me) to accompany my resume page. I've taken out the html for the image source in the template, but the alternative text still apears just below the header on each page. I do not see what to remove to clear that line with the alternate text.

  3.) I want to move the tag line below the logo to the right side of the heading. In the template code it's in div class "logo-text" with id="slogan-text". In the css file I find a section, .logo-text, with the line 'text-align: left;' Changing that alignment to right makes no difference. Am I looking in the wrong place, or what do I do to move that slogan-text to the right?

  4.) In the CMS root directory I have 'facicon.ico' for our site, yet it does not display. Rather, a different favicon displays. Could this be because I'm building this locally and there's a different favicon in /var/www/htdocs and the proper one will display when the site is deployed?

TIA,

Rich

[Dr.CSS]

The y most likely comes from the as it appears above everything else...

The alt tag info is most likely in the body of the template somewhere...

The header tag line text... the containing div, either the one it's in or the one above it may be set to a specif width which would not let the text align right...

[rshepard]

Thank you, Mark. I did not see the 'y' in the header before your response prompted a much more careful look. For the image tag, I thought I needed that in the body of the template to display the image on a specific page; I don't. Now I know how to use the page options instead of the image manager that image source line became unnecessary.

The positioning of the slogan-text line remains a mystery. Both header sections are a full 988px wide and the only width specified in the logo sections is 968px. Following is the entire logo section of the css file:
* begin Logo */
.logo
{
  display : block;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 968px;
}

h1.logo-name
{
  display: block;
  text-align: left;
}

h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
{
  font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
  font-size: 27px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  letter-spacing: 3px;
  padding:0;
  margin:0;
  color: #B1E0F1 !important;
}

.logo-text
{
  display: block;
  text-align: right;
}

.logo-text, .logo-text a
{
  font-family:Eurostile,Arial, Helvetica, Sans-Serif;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 1px;
  padding:0;
  margin:0;
  color: #E1F3FA !important;
}

/* end Logo */

  I see nothing to restrict the text to the left side. If I've missed it, please point it out to me.

Rich

[Dr.CSS]

Like most problems in this board I would need a link to the site to better help you...

[rshepard]

Right now it's strictly local. I'll see about moving it to the world-facing server some time this week.

Thanks,

Rich