Shade text boxes

94lincoln

How can I shade text boxes? I know very little about web design.
Thanks

Hikin' Mike

Not sure I understand what a "shade text box" is. Is it similar to what I have on my site (gallery.imagesinthebackcountry.com)? If so, you can use a HTML/CSS box instead of a Text box. Add this to the HTML:

[html]
<div class="shadow-box">

<P>Stuff here.</p>

<P>More stuff here.</p>

</div>
[/html]

Add this to your CSS:

.shadow-box {
    background: rgba( 255, 255, 255, 0.024 );
    border: 1px solid #333333;
    padding: 24px 24px 0;
    }

94lincoln

Thanks Mike,
I think I can follow your example. This should be a fun project to play with when I have a couple of free hours. I will let you know if I am successful.
Scott Smilestogophotobooth

94lincoln

Made your suggested changes

Hikin' Mike wrote: »

Not sure I understand what a "shade text box" is. Is it similar to what I have on my site (gallery.imagesinthebackcountry.com)? If so, you can use a HTML/CSS box instead of a Text box. Add this to the HTML:

[html]
<div class="shadow-box">

<P>Stuff here.</p>

<P>More stuff here.</p>

</div>
[/html]

Add this to your CSS:

.shadow-box {
    background: rgba( 255, 255, 255, 0.024 );
    border: 1px solid #333333;
    padding: 24px 24px 0;
    }

Hi Mike,

I made the suggested changes to one page of my website that you provided. Now, my big question is which theme is better, the page with modifications or the pages with standard smugmug tools. Here are two pages to contrast 1) http://www.smilestogophotobooth.net/ and 2) http://www.smilestogophotobooth.net/Rental-Prices (the footer needs work, any suggestions) I appreciate some critiquing. thanks Scott

Hikin' Mike

Not really a fan of photos as a background.

jemostrom

To me both these pages are very "busy" and to me it's missing some kind of "flow" (there are things happening all over the page and I don't know what to expect, there are things all over the page that scream for attention which makes me close the the page)

The second one is better but I personally don't like the photo in the backgroud, and it's kind of strange with a three column design where mostly two out of the three columns are empty.

I would start with the second design, remove/change the background photo and make the content more consistent.

But this is just my personal opinion, we all have different tastes.

denisegoldberg

I also do not like background photos. They detract from the site, they draw my eyes away from the site content, and they are annoying enough to be a trigger to me to immediately close the web site and not come back.

I am also a bit baffled by the rental prices page not using the full width of the browser window. That means your viewer is forced to scroll even more.

Have you looked at your site on a mobile device? The background photo is even more annoying there, and the font size and color on your home page is very large.

--- Denise