Copyright padding-top

[JimmyGee]

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

[Paver]

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

Code Select Expand

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

[JimmyGee]

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 Expand

<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.

[Paver]

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 Expand

.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.

[JimmyGee]

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;  ?

[Paver]

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.

[JimmyGee]

ok I understand, thanks for your help