Removing date and size info from photo comments + extra question

radicalblues

Joined: 2007-06-05
Posts: 36
Posted: Sat, 2009-03-21 05:50

Hello, before reading please look at the attached picture.

What I want to do is remove the text that says "Date: 2009-03-04 / Full size: 510x335", and the actual problem is not only removing it, but make the text from the description take all the space of that table.

Meaning I want the comment to take all the width possible, making a better use (for me) for the space date and size info take. I never use resize image cause I don't like it, so I don't have to worry about that. I just need all possible space for comments.

I'm using version 2.3, matrix theme.

Thank you very much for your kind help, you're always good =)

AttachmentSize
customize.jpg330.14 KB
 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Sat, 2009-03-21 06:07

Edit photo.tpl:

          <table width="100%">
            <tr>
              <td>
                {if !empty($theme.item.title)}
                <h2> {$theme.item.title|markup} </h2>
                {/if}
                {if !empty($theme.item.description)}
                <p class="giDescription">
                  {$theme.item.description|markup}
                </p>
                {/if}
              </td>
              <td style="width: 30%">
                {g->block type="core.ItemInfo"
                          item=$theme.item
                          showDate=true
                          showOwner=$theme.params.showImageOwner
                          class="giInfo"}
                {g->block type="core.PhotoSizes" class="giInfo"}
              </td>
            </tr>
          </table>

remove

              <td style="width: 30%">
                {g->block type="core.ItemInfo"
                          item=$theme.item
                          showDate=true
                          showOwner=$theme.params.showImageOwner
                          class="giInfo"}
                {g->block type="core.PhotoSizes" class="giInfo"}
              </td>

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

 
radicalblues

Joined: 2007-06-05
Posts: 36
Posted: Sat, 2009-03-21 08:24

Thanks for the punctual reply Dave, as always it works great! Thanks again.

Since I'm already editing and to prevent opening another topic, I guess I'll ask this question here too. I'm attaching another file to describe the situation, please take a look.

1) My first question is about the comments. I don't like that they're just surrounded by a margin, is there a way that I can give a background color to the table they're in? Currently it's black, I'd like another soft red.

2) My second inquisition is probably .css related. As you can see, I made the input boxes and dropdown menus get a black background. I'm editing from the blue bottle css file, I don't entirely know what I'm doing, just testing. The problem is that the text appears black, while the boxes are also black. I'd like white text there. Additionally, is there a way I can change the margin of the boxes? the gray scales look unaesthetic. So basically, it's change text color and box margin colors. Here is my current css edited from blue bottle:

#gallery {
  color: #ffffff !important;
  background-color: #000000 !important;
}
body.gallery { background-color: #000000 !important; }

.gcBackground1 { background-color: #561212 !important; }
.gcBackground2 { background-color: #3D0D0D !important; }

.gcBorder1 { border-color: #000000 !important; }
.gcBorder2 { border-color: #420000 !important; }

#gallery a { color: #808080 !important; }
#gallery a:hover { color: #CCCCCC !important; }
#gallery a:active { color: #8C0000 !important; }

.giSuccess { color: #190 !important; }
.giWarning { color: #b31 !important; }
.giError { color: #d14 !important; }
.giInfo { color: #CCCCCC !important; }
.block-core-PeerList .current { color: #B90909 !important; }

table.gbDataTable th { background-color: #3D0D0D !important; }
.gbEven { background-color: #561212 !important; }
.gbOdd { background-color: #3D0D0D !important; }

#gallery select { background-color: #000000 !important; }
#gallery input { background-color: #000000 !important; }
#gallery textarea { background-color: #a0a0a0 !important; }
#gsSidebar ul span { color: #B90909 !important; }
#gallery div.gbTabBar a {
  color: blue !important;
}

.autoCompleteContainer li {
    color: #FFFFFF !important;
}
 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Sat, 2009-03-21 14:27

I think both issues are css related. I would use the ff browser and a couple of plugins to make editing css easy:
http://gallery.menalto.com/node/70126

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

 
radicalblues

Joined: 2007-06-05
Posts: 36
Posted: Sun, 2009-03-22 06:41

Thanks, I'm now using firebug, and it's indeed a great tool for web developing and all... but it doesn't really help me in coloring the menus and boxes in css.

The css from blue bottle lets me just edit out the background color for dropdown menus and writing boxes:

#gallery select { background-color: #000000 !important; }
#gallery input { background-color: #000000 !important; }
#gallery textarea { background-color: #a0a0a0 !important; }

But I can't edit the color of the text inside them, or the margins that surround the boxes.

Attached is an idea on what I have currently and what I want to do (edited it in photoshop, haven't done the css changes).
Which would be the css code to do these changes? It's just input text, buttons and menus margin, and buttons color font...

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Sun, 2009-03-22 17:18

URL?

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

 
radicalblues

Joined: 2007-06-05
Posts: 36
Posted: Sun, 2009-03-22 22:34
 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Sun, 2009-03-22 23:16

add the bold in color.css:

#gallery select { background-color: #070707 !important; color: #ffffff !important; }
#gallery input { background-color: #070707 !important; color: #ffffff !important;}
#gallery textarea { background-color: #070707 !important; color: #ffffff !important; }

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

 
radicalblues

Joined: 2007-06-05
Posts: 36
Posted: Mon, 2009-03-23 07:52

Thank you very much dave! If you check the site, almost everything is working as expected
http://lnx.xradicaldreamers.net/azuland/

I feel sorry for asking you so much, but do you also know how to change the margin/border colors of the input boxes/dropdown menus? (like the Search Box, it has gray borders, I'd like them to be red).

That would be the last thing for this thread at least =)

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Mon, 2009-03-23 14:07
#gallery select { background-color: #070707 !important; color: #818181 !important; border: 1px solid #781351 }
#gallery input { background-color: #070707 !important; color: #818181 !important; border: 1px solid #781351 }
#gallery textarea { background-color: #070707 !important; color: #818181 !important;  border: 1px solid #781351}

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team