PBase

On all of my gallery pages any descriptive text I add below the header overlaps the width of my thumbnails. In fact the text extends to the extremities of my screen. How can I get the width of any text I add to match the width of my thumbnails.

For an example of my problem, click below:

http://www.pbase.com/mark_robinson/lake_district

Thanks for your help.

Mark

Hello Mark!
The first solution which comes to my mind is the following:
Add to your present CSS this part

Code: Select all

.galleryheader
{
width: 70%;
margin-right:auto;
margin-left:auto;
text-align:left;
}

Then edit also the section body of your present CSS

Now it is like that

Code: Select all

body
{
   margin-bottom: 20px;
   margin-top: 0px;
   background: rgb(25,  25,  25);

}

You should edit it like that

Code: Select all

body
{
   margin-bottom: 20px;
   margin-top: 0px;
   background: rgb(25,  25,  25);
   text-align:center;

}


I hope it can help you.
There are also other possible ways; you might create a specific table for your description text or other ways.
If this one I suggested to you above is not good for you, we might try something else.
Best
Marisa