Highlight page graphic breaking

[robbin_g 0]

Just now trying out highlight pages, they seem to be incomplete unless I enter text that goes all the way across the box. I've toggled plug-ins, I've removed post content. http://www.vineyardadventures.com/image_gallery/italy/ http://www.vineyardadventures.com/image_gallery/italy/central/toscana/ (plug in deactivated) Most of my highlight pages will be a single word header, which I would like centered. Then instructions on how to use the slide show as "highlight text" Discuss.

[Andrew 207]

could you clarify what you mean by incomplete?

[robbin_g 0]

The shaded area doesn't fill the box.

[Andrew 207]

argh.... ok you found a bug, congratulations.. to fix: `#maincontent #highlight .fcontent {width: 100%}`

[bilbomac 0]

Which page/template would this code be added to?

[robbin_g 0]

Hey there Bilbomac, As I learned from another tweak: Appearance > Whitehouse Pro Options > Custom Code > Custom CSS

[robbin_g 0]

To break out the other question, and to address something annoying: I would like for my Highlight title to be centered. Since the field is H1 preformatted, how do I go about doing that? It's also impossible to leave either field blank without getting the default text that says "fill me in on the admin page" Thanks!

[jnoh 0]

@Robbing_G Two lines of css in the custom css field should do it for you:

#highlight .fcontent {padding:50px 0;}
	#highlight h1 {text-align:center;}

Let me know if that works for you.

[robbin_g 0]

That breaks the "highlight text" entry. http://www.vineyardadventures.com/image_gallery/italy/ Default text shows up without ANY input to that field. http://www.vineyardadventures.com/image_gallery/italy/central/toscana/ I probably will put something there, but I'm also considering just leaving it as a header with the title only.

[jnoh 0]

ooo. my apologies! I forgot about the "highlight text". disregard that code above and use this instead:

#highlight h1 {text-align:center;}

It looks like you have this entered in the custom css field as well (delete this):

#maincontent #highlight .fcontent {width: 100%}

Now for the Default text issue, just add a space (" ")in the highlight text field. That should trick the the theme option into thinking you have text entered there.

[robbin_g 0]

I can't delete #maincontent #highlight .fcontent {width: 100%} its Andrew's fix to the bug problem also listed in this thread... I delete that line and the problem comes back: http://www.vineyardadventures.com/image_gallery/italy/ I know the space is a cheat, but if the field were gone, the graphic would be narrower and that would be nice. (note for future updates)

[jnoh 0]

@Robbin_G Gotya! We're making slow progress, but progress nonetheless:

#maincontent #highlight .fcontent {width: 100%}
	#highlight h1 {text-align:center; margin-left:-50px}

That should do it for you. As for a resolution for the space cheat, I'm writing ticket for it right now.

[robbin_g 0]

I think y'all need to give the highlight template some more debugging: http://www.vineyardadventures.com/image_gallery/italy/central/toscana/

[Andrew 207]

this is being caused by the: ` #maincontent #highlight .fcontent { width:100%; } ` custom css rule you added..

[jnoh 0]

@Robbin_G last attempt: #maincontent #highlight .fcontent {width: 540px} #highlight h1 {text-align:center} You can hate me forever if that doesn't work.

[robbin_g 0]

Huzzah! http://www.vineyardadventures.com/image_gallery/italy/central/toscana/

[bilbomac 0]

Does this replace the previous code suggested above throughout the entire thread? So should the only entry in CSS code be... #maincontent #highlight .fcontent {width: 540px} #highlight h1 {text-align:center}

[robbin_g 0]

@bilbomac Yes, the last bit of code replaces all previously mentioned code. (just as you copied)

[bilbomac 0]

thx :-)

[bilbomac 0]

Dumb question. Does it need to be placed inside brackets and associated with anything?

[robbin_g 0]

Nope, just put in that custom css field.