forum.coppermine-gallery.net

Support => cpg1.4.x Support => Older/other versions => cpg1.4 themes/skins/templates => Topic started by: JimmyGee on December 04, 2005, 02:48:41 pm

Title: Copyright padding-top
Post by: JimmyGee on December 04, 2005, 02:48:41 pm

Can someone please tell me where I can change the copyright padding-top which is currently set to 10px, I need it at 5px.

Title: Re: Copyright padding-top
Post by: Paver on December 04, 2005, 06:18:15 pm

How about some CSS precedence in your theme's style.css (under .footer)?

Code: [Select]

padding-top: 5px !important;Flex those CSS muscles!

Title: Re: Copyright padding-top
Post by: JimmyGee on December 04, 2005, 08:09:00 pm

Thanks I tried that but it doesn't override it. The padding is still in my source code and doesnt look like it can be overridden because it is a  style element within the tag -

Code: [Select]

<img src="images/spacer.gif" width="1" height="10" border="" alt="" />
<div class="footer" align="center" style="padding-top: 10px;">Powered by <a href="http://coppermine.sourceforge.net/" title="Coppermine Photo Gallery" rel="external">Coppermine Photo Gallery</a></div>Any other suggestions? I tried adding what you gave me in my theme folders .css file but that does nothing.

Title: Re: Copyright padding-top
Post by: Paver on December 04, 2005, 09:35:33 pm

The tag "!important" is the err... important tag.  I tried it and it works fine.  I put in padding-top: 100px and whoa buddy, 100 pixels of padding was added above Coppermine credit tag.

!important makes the style sheet element take precedence over the inline element.  The inline element is cascaded away.

So in my style.css I put to show it works:

Code: [Select]

.footer {
        font-size : 9px;
        padding-top: 100px !important;
}Keep in mind that if you copied a theme to a new folder and modified that, you have to modify the link to the style sheet in the header of template.html to point to your correct style sheet (not the default one you copied it from).  I forgot this the first time too.

Title: Re: Copyright padding-top
Post by: JimmyGee on December 11, 2005, 06:07:08 pm

i've tried all that, !important tag included and I still get
<div class="footer" align="center" style="padding-top: 10px;">Powered by <a href="http://coppermine.sourceforge.net/" title="Coppermine Photo Gallery" rel="external">Coppermine Photo Gallery</a></div>
surely there is a way to get past this? Paver have you tried something smaller than ten like padding-top: 5px !important;  ?

Title: Re: Copyright padding-top
Post by: Paver on December 11, 2005, 08:51:52 pm

Well I tried 100px because I could definitely see if that worked.  The source code of the inline element will be the same no matter what.  That inline element is hard-coded.  When you override that style element in style.css, it doesn't change what you see in the source code of the web page.  I just tried 5px (with !important) and it worked as well. 

Here's a handy screen ruler if you want to measure things: http://www.spadixbd.com/freetools/jruler.htm (http://www.spadixbd.com/freetools/jruler.htm).

Title: Re: Copyright padding-top
Post by: JimmyGee on December 12, 2005, 06:33:17 am

ok I understand, thanks for your help