You can just hide the attribution until the mouse runs over that section and then it will show up. So you are not removing anything or modifying the attribution content.
So what will happen is that once you post this code and refresh the cache the attribution will not show until you move your mouse over the attribution, then it will show up.
This is for my theme so yours might look alittle different.
In your theme master_pages directory open up dndindex.html and at the very top of the file post this code.
<style type="text/css">
.showattribute {
opacity: 0;
transition:
opacity 0.5s ease;
}
.showattribute:hover {
opacity: 1;
}
</style>
then down below that, scroll down until you see this
ORIGINAL CODE
<div style="float:right;padding-bottom: 30px;">
{$bottomPoweredByLink}
</div>
and modify that code to look like this
NEW CODE
<div style="float:right;padding-bottom: 30px;">
<div class="showattribute">
{$bottomPoweredByLink}
</div>
</div>
save the file
then open up blank.html in the same folder and add this to the bottom of the
ORIGINAL CODE
{style}
{literal}
.ow_footer,.ow_sign_in_cont{position:relative}
body,html{background:#000;min-width:0;height:100%}
.ow_page_wrap{background:0}
.ow_footer{background:0;border:0;clear:both;height:96px;margin-top:-99px;padding:1px 0;width:88%!important}
.ow_footer .ow_canvas{margin:0 auto;width:996px;word-wrap:break-word;background:0;border:0!important;padding-left:0!important}
.ow_footer .ow_page{margin:0 0 0 auto;padding:0 18px;background:0}
body>.ow_page_wrap{min-height:100%;position:relative}
.ow_page_padding{padding-bottom:99px;background:0}
.ow_sign_in_wrap h2{color:#FFF!important}
{/literal}
{/style}
This is the new code
{style}
{literal}
.ow_footer,.ow_sign_in_cont{position:relative}
body,html{background:#000;min-width:0;height:100%}
.ow_page_wrap{background:0}
.ow_footer{background:0;border:0;clear:both;height:96px;margin-top:-99px;padding:1px 0;width:88%!important}
.ow_footer .ow_canvas{margin:0 auto;width:996px;word-wrap:break-word;background:0;border:0!important;padding-left:0!important}
.ow_footer .ow_page{margin:0 0 0 auto;padding:0 18px;background:0}
body>.ow_page_wrap{min-height:100%;position:relative}
.ow_page_padding{padding-bottom:99px;background:0}
.ow_sign_in_wrap h2{color:#FFF!important}
/* added by dave */
.showattribute {
opacity: 0;
transition: opacity 0.5s ease;
}
.showattribute:hover {
opacity: 1;
}
{/literal}
{/style}
then scroll down and do the same as in the other file...
ORIGINAL CODE
<div style="float: right; padding-bottom: 30px;">
{$bottomPoweredByLink}
</div>
New CODE
<div style="float: right; padding-bottom: 30px;">
<div class="showattribute">
{$bottomPoweredByLink}
</div>
</div>
then save the file.
Then open up general.html in the same dir and add this code at the top..
<style type="text/css">
.showattribute {
opacity: 0;
transition: opacity 0.5s ease;
}
.showattribute:hover {
opacity: 1;
}
</style>
then scroll down and do the same as you did before
ORIGINAL CODE
<div style="padding-bottom: 30px;padding-left:73%">
{$bottomPoweredByLink}
</div>
NEW CODE
<div style="padding-bottom: 30px;padding-left:73%">
<div class="showattribute">
{$bottomPoweredByLink}
</div>
</div>
save the file...
Now refresh your site cache and test it. It should show up if you move your mouse down to where the attribute is located.
It been awhile since i did this so i hope i got all the code included here. If it does not work let me know and ill look deeper to see if i missed anything.
Dave
PS remember to save the files because once you update the theme your changes will be lost.
If anyone has a better way to intigrate this, go for it, but please share.