Help me with my footer please!

kikiriki

Power Member
Joined
Dec 18, 2008
Messages
784
Reaction score
231
Guys i have made my own wp theme with artisteer and i had
the footer in the midle but after trying to add some code to it, the footer now
is on the left side and i dont know how to get it back to the middle.
What do i need o change?
Is it the sidebar-footer.php ? sidebar-default.php ? or thet stylesheet.css ?
 
No idea without seeing the code, but I do have to say that the code that artisteer generates is fucking horrible. Almost impossible to change without screwing something up. The templates don't render properly in Dreamweaver so it's very difficult to just easily visually change something - you have to laboriously dig into the templates and work out what each div and class is actually doing. The templates look nice but the code is just yuck.
 
So what can i do?
This is the sidebar-footer.php contnet:

<?php if ( !art_dynamic_sidebar( 'footer' ) ) : ?>
<?php $style = art_get_option('art_sidebars_style_footer'); ?>



<?php endif; ?>


I dont know if sidebar-footer.php is the problem.
 
You need to find the art_get_option() and art_dynamic_sidebar() functions and find out where they are getting their html / css data from.

Always keep backups before you change anything!
 
You mean to find them in the theme folder on my hard drive or on my
wordpress site?
 
Here is all the content from the stylesheet, maybe this will help:

/* begin Footer */
.art-footer
{
position: relative;
overflow: hidden;
width: 100%;
}


.art-footer-t
{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000000;
}

.art-footer-body
{
position:relative;
padding: 20px;
}


.art-footer-text p
{
padding:0;
margin:0;
}

.art-footer,
.art-footer a,
.art-footer a:link,
.art-footer a:visited,
.art-footer a:hover
{
color: #FFFFFF;
font-style: normal;
font-weight: bold;
}

.art-footer-text
{
padding: 0 10px 0 10px;

}

.art-footer,
.art-footer-text,
.art-footer p
{
text-align: center;
}

.art-footer a,
.art-footer a:link
{
color: #1DFB04;
text-decoration: none;
}

.art-footer a:visited
{
color: #1DFB04;

}

.art-footer a:hover
{
color: #1DFB04;

text-decoration: underline;
}
/* end Footer */

/* begin PageFooter */
.art-page-footer,
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover
{
font-family: Arial;
font-size: 10px;
letter-spacing: normal;
word-spacing: normal;
font-style: normal;
font-weight: normal;
text-decoration: underline;
color: #FFFFFF;
}

.art-page-footer
{
margin: 1em;
text-align: center;
text-decoration: none;
color: #FFFFFF;
}
/* end PageFooter */
 
You mean to find them in the theme folder on my hard drive or on my
wordpress site?

From memory there should be a .php file in the artisteer theme folder that contains all the PHP functions used to drive the theme. It's been a while since I used artisteer.

To be honest I would just recreate the theme from scratch and then go through step by step making your changes and backing up before each change. That will show you the step that broke your theme. Artisteer themes are truly a nightmare to work on.
 
I cant go and recreate the theme cause i have like 200 potsts on my blog now and i made
lots of changes to it and i also added widgets so it will be a mess to start this over.
Please think of a way, its just the footer that is in teh left bottom side and not in the
middle.
 
ok i used the text find in the txt file and i found art_get_option 5 time in the functions.php but i didnt found art_dynamic_sidebar in it.
Can this help somehow?
 
I am trying everything i can and i still cant make it work
 
.art-footer
{
algin: center;
position: relative;
overflow: hidden;
width: 100%;
}
 
I tried that and it didnt helped and also made the footer to be 2 more in the bottom then what it was. Thanks for trying to help anyway, i hope someone here can tell me how to solve this.
 
Without seeing what changes you made it is difficult to find solution.

Copy your style.css as style-original.css and preserve this new file. You may need it to get back to your settings if the following fails. (If you need the original settings, then just copy the style-original.css as style.css, i.e., rewrite the style.css -- OK, having taken care of that important part,

Do the following in your style.css file >>

1. Do a full backup of your theme

2. Next, highlight all the part between and including >>>
/* begin Footer */
/* end PageFooter */

IMPORTANT:
I highlighted the above part in yellow and green colors because there are TWO sections I am asking you to select: Footer (begin ~ end), and PageFooter (begin ~ end) -- Please get the selection right.

3. Next, on this highlighted part just copy the following text overwriting the entire highlighted section (BTW, the following part is generated by Artisteer version 3.0.0.35414 Standard Edition)>>>

Code:
/* begin Footer */
.art-footer
{
  position: relative;
  overflow: hidden;
  width: 100%;
}

.art-footer-b 
{
  position: absolute;
  left:10px;
  right:10px;
  bottom:0;
  height:10px;
  background-image: url('images/footer_b.png');
}

.art-footer-r, .art-footer-l
{
  position: absolute;
  height:10px;
  background-image: url('images/footer_s.png');
  bottom: 0;
}

.art-footer-l
{
  left: 0;
  width:10px;
}

.art-footer-r
{
  right: 0;
  width:20px;
  clip: rect(auto, auto, auto, 10px);
}

.art-footer-t
{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 10px;
  background-image: url('images/footer_t.png');
  background-position: left bottom;
}

.art-footer-body
{
    position:relative;
    padding: 10px;
}

.art-footer-body .art-rss-tag-icon
{
  position: absolute;
  left:   6px;
  bottom:10px;
  z-index:1;
}

.art-rss-tag-icon
{
  display: block;
  background-image: url('images/rssicon.png');
  background-position: center right;
  background-repeat: no-repeat;
  height: 32px;
  width: 25px;
  cursor: default;
}

.art-footer-text p
{
  padding:0;
  margin:0;
}

.art-footer,
.art-footer a,
.art-footer a:link,
.art-footer a:visited,
.art-footer a:hover
{
    color: #EDFAFD;
    font-size: 11px;
}

.art-footer-text
{
  min-height: 32px;
  padding: 0 10px 0 10px;

}

.art-footer,
.art-footer-text,
.art-footer p
{
  text-align: center;
}

.art-footer a,
.art-footer a:link
{
  color: #AAA492;
  text-decoration: underline;
}

.art-footer a:visited
{
  color: #1D1B16;

}

.art-footer a:hover
{
  color: #DF6A5D;

  text-decoration: none;
}
/* end Footer */

/* begin PageFooter */
.art-page-footer, 
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover
{
  font-family: Arial;
  font-size: 10px;
  letter-spacing: normal;
  word-spacing: normal;
  font-style: normal;
  font-weight: normal;
  text-decoration: underline;
  color: #1798B5;
}

.art-page-footer
{
  margin: 1em;
  text-align: center;
  text-decoration: none;
  color: #565143;
}
/* end PageFooter */
Save the css file, then check in the browser if your footer looks kind of normal. I say kind of normal because the colors and other settings will not match with your original Theme. This substitution is being carried out to see if you have deleted any major part of the footer related css when you did those changes.

OK, if the footer looks right, then you know what was missing. Just replace the settings in this css file with all the settings from your original css text file which you had saved, and try looking in your browser again. May be, your problem is solved.

Else, replace this css file with the saved file and do another research to get a solution.

HTH
 
Last edited:
If you can send me the entire theme then I can see what's wrong in it. Don't worry, I won't use your theme ever. It rightly belongs to you alone. :)

P.S.:
In the prev post, Please read the following line >>
Code:
by Artisteer version 3.0.0.35414 Standard Edition)>>>
as
Code:
by Artisteer version 3 and not 3.0.0.35414 Standard Edition, 
because I haven't checked for any modifications done 
by Artisteer to the latest version) >>>
Thanks! :)
 
Last edited:
Thanks a lot for your help my friend!
I will try as yo said and if its not working then i will send you all the details.
 
Back
Top