My site is stephaniebrandphotography.com.
On my homepage is a short list of exhibitions that needs editing.

I understand I need to do this in customization, in the footer section.

I was able to add text (the last line of what's there now) where I wanted it, but it came out bold (a brighter and whiter white) than the other text (see screen shot, below)
This is the code I used...
<div id="myFooter">
<span class="myFooter1">Recent Exhibits:</span>
<br />
<br />
<span class="myFooter2">Nature and Wildlife Photographers of Long Island at Phoenix Gallery, Bellport, NY</span>
<br />
<span class="myFooter3">5th Annual Photography Competition at fotofoto gallery, Huntington, NY</span>
<br />
<span class="myFooter4">Long Island Center of Photography at The African-American Museum, Hempstead, NY</span>
<br />
<span class="myFooter5">Jerona Cafe, Cottonwood, AZ</span>
<br />
</div>
<br />
<a href="mailto:stephaniebrandphotography@gmail.com"> Email Me</a>

<script type="text/javascript" language="javascript"> if (bottomHTML != "") { document.write(bottomHTML); } </script>


I'd like the type to all be the same in that section. How do I fix it, please?
Thanks
Stephanie

Originally Posted by stillwatergal My site is stephaniebrandphotography.com. On my homepage is a short list of exhibitions that needs editing. I'd like the type to all be the same in that section. How do I fix it, please? Thanks Stephanie

Try this and see if it gets what you want.....

change your custom header box to this:

<div id="myFooter">

  <p>
    <h1>Recent Exhibits:</h1>
  </p>
  <p>Nature and Wildlife Photographers of Long Island at Phoenix Gallery, Bellport, NY</p>
  <p>5th Annual Photography Competition at fotofoto gallery, Huntington, NY</p>
  <p>Long Island Center of Photography at The African-American Museum, Hempstead, NY</p>
  <p>Jerona Cafe, Cottonwood, AZ</p>

  <p>
   <a href="mailto:stephaniebrandphotography@gmail.com">Email Me</a>
  </p>

</div>

Then in your CSS, change all this:

#myFooter {display: none; text-align: left;}
.homepage #myFooter {display: block;}

#myFooter {
display: none;
width: 600px;
margin: 0 20px 0 auto ;
} 

.myFooter1 {
font-size: 130%;
color: gray;
font-family: Comic Sans MS, verdana, tahoma, helvetica, arial, sans-serif;
}

.myFooter2 {
font-size: 120%;
color: gray;
font-family: Comic Sans MS, verdana, tahoma, helvetica, arial, sans-serif;
}

.myFooter3 {
font-size: 120%;
color: gray;
font-family: Comic Sans MS, verdana, tahoma, helvetica, arial, sans-serif;
}

.myFooter4 {
font-size: 120%;
color: gray;
font-family: Comic Sans MS, verdana, tahoma, helvetica, arial, sans-serif;
}

To this:

#myFooter {display:none;
text-align:justify;width:600px;margin:auto;}
.homepage #myFooter {display:block}

should look like this:

That fixes my original problem (the bold letters of Jerona Cafe, Cottonwood, AZ) BUT it moves the entire list of recent exhibits to the top of the page. I want it where it was. Also font for the words Recent Exhibits is now way too big....
(I really dislike coping with things, like code, that I don't understand! I get frustrated soooooo easily) Thanks! Stephanie

Originally Posted by stillwatergal That fixes my original problem (the bold letters of Jerona Cafe, Cottonwood, AZ) BUT it moves the entire list of recent exhibits to the top of the page. I want it where it was. Also font for the words Recent Exhibits is now way too big.... (I really dislike coping with things, like code, that I don't understand! I get frustrated soooooo easily) Thanks! Stephanie

the html goes in your custom footer box...sorry, i think I told you header box

I think I've messed up some things.....

Here's where I am...

1. The header is right up against the left side of the web page and I can't figure out how to indent this a few spaces. The Custom Header code box reads:
<h1>Stephanie Brand Photography</h1>

2. The look of the page is no longer balanced. There should be blank space below the words Stephanie Brand Photography and above the box holding the gallery images
See the actual site: stephaniebrandphotography.com

2. Re the footer...
a. The typeface for the Recent Exhibits list is BOLD and the font is way too big for the words RECENT EXHIBITS.

b. The part of the footer which is the list of recent exhibits should be on the right side of the page and has moved to the center

c. The words E-Mail Me (which I guess contain a link) should be on the left of the page and not part of the paragraph entitled Recent Exhibits. It, too, has moved.

You can see the page on web site.

Attached is the page as it existed before I started messing with it. Placement, font etc of the footer is fine except that the email link should be indented a bit and should match the indentation I want to achieve for the header.

Since I can only attach one file, I'll send a second installment of this email with a screen shot of where I'm at now and showing what the code currently is

Thanks for your help
Stephanie

Well I wanted to attach a shot of what the page looks like now but the screen shot is too big. Still, you can see it on the website:
stephaniebrandphotography.com

The code sections now are:

CCS

/* hides your name (including any 's) */
#userName {
display: none;
}

/* hides the word home */
#userHome {
display: none;
}

#categoriesBox .boxTop {
display: none;
}

p.updated {
display: none;
}

.homepage #galleryTitle {
display: none;
}

.title { color: white; }

#stylebar {display:none !important;}

#myFooter {display:none;
text-align:justify;width:600px;margin:auto;}
.homepage #myFooter {display:block}

__________________________


Top Java Script

/* initialize this variable. Assign it some HTML in a string in the albumDescription if you want some gallery-specific HTML to appear at the bottom of that gallery */
var bottomHTML = "";

____________________

Head Tag (none)
____________________

Body Tag (none)

_____________________

Custom Header

<h1>Stephanie Brand Photography</h1>

Custom Footer

<div id="myFooter">

<p>
<h1>Recent Exhibits:</h1>
</p>
<p>Nature and Wildlife Photographers of Long Island at Phoenix Gallery, Bellport, NY</p>
<p>5th Annual Photography Competition at fotofoto gallery, Huntington, NY</p>
<p>Long Island Center of Photography at The African-American Museum, Hempstead, NY</p>
<p>Jerona Cafe, Cottonwood, AZ</p>

<p>
<a href="mailto:stephaniebrandphotography@gmail.com"> Email Me</a>
</p>

</div>

___________________________
Bottom Java Script

function ModifyText ()
{
if (YD.hasClass(document.body, "gallery_guestbook"))
{
var objElement = YD.get("comment")
if (objElement != null)
{
var str = new String(objElement.innerHTML);
str = str.replace(/\gallery/gi, 'guestbook');
objElement.innerHTML = str;
}
}
}

YE.onAvailable("comment", ModifyText);

YE.onDOMReady(InsertStylePicker);

function SetNewGalleryStyle(type, args, menuItem)
{
// this click handler is called as a method of the menuItem that was clicked on
var styleValue = this.value; // get the value of the menu item

// because we are calling styleBarChange which is expecting to be passed a comboBox object,
// we have to create a fake comboBox object that has the new value in it so that function
// can fetch the value from our object
var fakeComboItem = {value: styleValue};
var fakeComboBox = {selectedIndex: 0, options: [fakeComboItem]};

// call the function that changes the style just like the Smugmug comboBox would have
styleBarChange("Template", fakeComboBox);
}

function InsertStylePicker()
{
if (!YD.get("stylebar"))
{
return; // if there wasn't supposed to be a stylebar in this page, the don't insert our version
}
// declare the data for our style picker
// you can remove any of these lines that you don't want to offer your viewers
// just make sure the last line does not have a comma after it and all others do have a comma (IE will choke if you don't do it right)
var stylePickerData = [
{text: "SmugMug", value: "3", onclick: { fn: SetNewGalleryStyle }},
{text: "Traditional", value: "4", onclick: { fn: SetNewGalleryStyle }},
{text: "All Thumbs", value: "7", onclick: { fn: SetNewGalleryStyle }},
{text: "Slideshow", value: "8", onclick: { fn: SetNewGalleryStyle }},
{text: "Journal", value: "9", onclick: { fn: SetNewGalleryStyle }},
{text: "Filmstrip", value: "11", onclick: { fn: SetNewGalleryStyle }},
{text: "Critique", value: "12", onclick: { fn: SetNewGalleryStyle }}
];

// now put a checkmark by the currently selected style which we get from the galleryStyle variable
if (galleryStyle)
{
var tempStyle = galleryStyle.toLowerCase();
tempStyle = tempStyle.replace("_", " ");
for (var i in stylePickerData)
{
if (stylePickerData[i].text.toLowerCase() == tempStyle)
{
stylePickerData[i].checked = true;
break;
}
}
}

// declare the style menu button
// You can change the button text, by changing the quoted string for the label line below
// You can put it a different place in your page by changing the container object to a different DIV object in the page
var styleMenu = new YAHOO.widget.Button({
id: "customStylebarMenu",
name: "customStylebarMenu",
type: "menu",
menu: stylePickerData,
label: "Style",
className: "sm-button sm-button-small themesButton glyphButton menuButton",
container: "altViews"
});


}

_____________________________________
I no longer remember how any of this code was done in the first place but I know that someone here at Digital Grin wrote it....I'm really good at cut and paste, but not at code
Thanks for all!!
Stephanie

Hi
I was getting help fixing a footer (http://www.dgrin.com/showthread.php?t=222558) but I'm not there yet and the person helping me hasn't responded in a couple of days. Is anyone able to review that earlier thread and help me out?
thanks!
Stephanie

Originally Posted by stillwatergal 1. The header is right up against the left side of the web page and I can't figure out how to indent this a few spaces. The Custom Header code box reads: <h1>Stephanie Brand Photography</h1>

No need to post any code, I can see all of in your site


To get your header to indent, you need to put it in a div:

<div id="my-header">
<h1>Stephanie Brand Photography</h1>
</div>

Then make a rule for your new div in your CSS box:

#my-header {margin-left:40px}

Originally Posted by stillwatergal 2. Re the footer... a. The typeface for the Recent Exhibits list is BOLD and the font is way too big for the words RECENT EXHIBITS. b. The part of the footer which is the list of recent exhibits should be on the right side of the page and has moved to the center c. The words E-Mail Me (which I guess contain a link) should be on the left of the page and not part of the paragraph entitled Recent Exhibits. It, too, has moved.

revert your footer code to how it was in the beginning and we will fix it from there

That worked perfectly, thanks!

Now the next little piece....
The look of the page is no longer balanced. There should be blank space below the words Stephanie Brand Photography and above the box holding the gallery images (as if I were typing and hit the return bar a couple of times)....
thanks
Stephanie

oops.... I think I put stuff in the wrong box.... I have some code on the Homepage and while the list itself looks ok (size-wise and no bold) it is still in the center. It belongs over on the right...
Also, I'd like the words Recent Exhibits to be in bold though the font size is fine But the e-mail me piece is back where I want it :-)
I thought I was doing what I should do but guess not...
I'll get it right if you're willing to stick it out!
thanks
s

Originally Posted by stillwatergal That worked perfectly, thanks! Now the next little piece.... The look of the page is no longer balanced. There should be blank space below the words Stephanie Brand Photography and above the box holding the gallery images (as if I were typing and hit the return bar a couple of times).... thanks Stephanie

Add a little margin to the bottom:

#my-header {margin-left:40px;margin-bottom:40px}

That's better spacing, but see my note that begins "oops".... it got caught in the middle of the last exchange.
You are a patient person! :-)
S

Remove this from your custom footer box:

#myFooter {display:none;
text-align:justify;width:600px;margin:auto;}
.homepage #myFooter {display:block}

Great...
I think we have just a few more steps... These issues seem to go together (and after these, only one more--I think)!

While the content of the Recent Exhibit list itself looks ok (size-wise and no bold) it is still in the center. It belongs over on the right...

Also, I'd like the words Recent Exhibits to be in bold though the font size is fine.

And can I indent the the "e-mail me piece" so it lines up with the now-indented Stephanie Brand Photography title at the top (don't want to move it up, just indent).

Originally Posted by stillwatergal Great... I think we have just a few more steps... These issues seem to go together (and after these, only one more--I think)! While the content of the Recent Exhibit list itself looks ok (size-wise and no bold) it is still in the center. It belongs over on the right... Also, I'd like the words Recent Exhibits to be in bold though the font size is fine. And can I indent the the "e-mail me piece" so it lines up with the now-indented Stephanie Brand Photography title at the top (don't want to move it up, just indent).

I'm not seeing the CSS from what you originally had...do you still have that...and can you add it back in your CSS box

Thought I had it, but don't
I think the dog ate my homework...
:-(

Originally Posted by stillwatergal Thought I had it, but don't I think the dog ate my homework... :-(

no problem...give me a few minutes to play and we'll get it all straightened out

:-)