Shozam Community

Hi,

I know it can be done because while viewing your sites I have found one or two that eliminate this on the details all line, I just haven't figured out how to do it myself.

Thanks for the help in advance.

G-d bless and keep you in our prayers.

MattandPamela

I have the same question

Here is the response provide by Helpdesk to this issue. I am posting it here for everyone's benefit. Additionally, the actual CSS style in question is .journalHead.

Thanks for your patience and for pointing out that the proper name is journalHead 

I clicked the themes, css, then added display:none (see below)

journalHead
{
    border-top-color: #3a3a52;
    border-top-style: solid;
    border-top-width: 2px;
    float: left;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    width: 262px;
    display:none
}
.journalAlbum

This step does not seem to be working for me. what am I doing wrong?

Your help is appreciated.

paolo 

 Put a semi-colon ( ; ) after none.

I got it to work like this:

.journalHead
{
    display: none;
    border-top-color: #53709b;
    border-top-style: hidden;
    border-top-width: 2px;
    float: left;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    width: 262px;
}

Cowboy

 Thank You for showing me the right way.

 I was able to take out the journalhead and I am really happy because that was the only thing I did not like about my mini websites.

Great support from shozam and cowboy. 

paolo 

Thank you this worked great.

G-d Bless you for your hard work and dedication.

-Pamela-

 If we make changes to the gallery or an album will Shozam overwrite the file so that the filenames will show up again?

 Well, I could have figured that one out on my own...LOL. Doesn't appear to change it back.

Tom - changes you make to a custom theme (including any changes you make to hte custom theme.css) are persistent. Shozam uses that theme.css for the gallery. Shozam makes no code validation and makes no changes to it, for better or worse :-)

What I do is simply make a copy of the good css file and save it with a name such as theme-good.css and then take the one the app looks for and play with it to learn what does what.  You can then create changes that suit what you need.  I find on some of the canned themes that the link text is very hard to read since the contrast is not good enough so I go in and change that section of the css to suit my needs.  You can also increase the font size or even change the font family.

 When I changed the journal head, adding "display none ", the unwanted behavior is that "details all" will not display.

You can see the website: ecuagardenfarms.com

I can live with it, but can this be written to display all again?

I appreciate always the great help I receive from the big brains out there.

thank you all

have a great day

smell the roses.....

.journalHead
{
    display: none;
    border-top-color: #666666;
    border-top-style: solid;
    border-top-width: 2px;
    float: left;
    width: 262px;
    padding-right: 5px;
    text-align: left;
    font-weight: bold;
    padding-left: 5px;
}

I've tried two galleries, one with the above edit and one without. With the edit the filename.jpg does disappear but it also causes "details all" to disappear as well. Clicking on "index" in the menu does show all the details without the filename.jpg.

After entering "display: none;" is it suppose to remove the "details all" option?

I checked a gallery where I have the file names hid and turned on the Details all label.  The Details all do not appear.

Checked the WebGallery XML document and this line is there:

<HideDetailsAll>False</HideDetailsAll>

That means it should display.  Just guessing but the problem is most likely somewhere in one of their scripts.

Cowboy

 Tom, I looked at the code and both Details All link and the filename are defined by the same style journalHead so your assigned disappearance act gets applied to both.

<div class="journalHead"><p><a target="_self" href="../details.htm#filenamejpg">Details all</a></p></div>
<div class="journalHead"><p>filename.jpg</p></div>

I think there may be a way to turn the Details all back on again if you create another style at the end but I am not sure of the exact syntax - something like ...

.journalHead #a {display: visible;}

The idea is to define the style applied only to an <a> element (using a # selector syntax) that has the journalHead style applied. Sorry I can't take alook into this further, I am actually heading out and will not be available for a couple of weeks. If you still have this issue open when I get back ping me and I'll find out the right syntax, if my assumption is correct.

Or someone else with CSS syntax knowledge may be able to chip in...