1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Help me with my footer please!

Discussion in 'Blogging' started by kikiriki, Mar 6, 2011.

  1. kikiriki

    kikiriki Power Member

    Joined:
    Dec 18, 2008
    Messages:
    751
    Likes Received:
    227
    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 ?
     
  2. Autumn

    Autumn Elite Member

    Joined:
    Nov 18, 2010
    Messages:
    2,197
    Likes Received:
    3,041
    Occupation:
    I figure out ways to make money online and then au
    Location:
    Spamville
    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.
     
  3. kikiriki

    kikiriki Power Member

    Joined:
    Dec 18, 2008
    Messages:
    751
    Likes Received:
    227
    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.
     
  4. Autumn

    Autumn Elite Member

    Joined:
    Nov 18, 2010
    Messages:
    2,197
    Likes Received:
    3,041
    Occupation:
    I figure out ways to make money online and then au
    Location:
    Spamville
    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!
     
  5. kikiriki

    kikiriki Power Member

    Joined:
    Dec 18, 2008
    Messages:
    751
    Likes Received:
    227
    You mean to find them in the theme folder on my hard drive or on my
    wordpress site?
     
  6. kikiriki

    kikiriki Power Member

    Joined:
    Dec 18, 2008
    Messages:
    751
    Likes Received:
    227
    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 */
     
  7. Autumn

    Autumn Elite Member

    Joined:
    Nov 18, 2010
    Messages:
    2,197
    Likes Received:
    3,041
    Occupation:
    I figure out ways to make money online and then au
    Location:
    Spamville
    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.
     
  8. kikiriki

    kikiriki Power Member

    Joined:
    Dec 18, 2008
    Messages:
    751
    Likes Received:
    227
    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.
     
  9. kikiriki

    kikiriki Power Member

    Joined:
    Dec 18, 2008
    Messages:
    751
    Likes Received:
    227
    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?
     
  10. kikiriki

    kikiriki Power Member

    Joined:
    Dec 18, 2008
    Messages:
    751
    Likes Received:
    227
    Anyone can help me?
     
  11. kikiriki

    kikiriki Power Member

    Joined:
    Dec 18, 2008
    Messages:
    751
    Likes Received:
    227
    I am trying everything i can and i still cant make it work
     
  12. EddyD

    EddyD Regular Member

    Joined:
    Feb 6, 2011
    Messages:
    366
    Likes Received:
    169
    Occupation:
    I'm a writer!
    Location:
    London
    .art-footer
    {
    algin: center;
    position: relative;
    overflow: hidden;
    width: 100%;
    }
     
  13. kikiriki

    kikiriki Power Member

    Joined:
    Dec 18, 2008
    Messages:
    751
    Likes Received:
    227
    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.
     
  14. srb888

    srb888 Elite Member

    Joined:
    Jul 30, 2008
    Messages:
    3,260
    Likes Received:
    5,067
    Gender:
    Male
    Occupation:
    WebzSurfer
    Location:
    Sun, Mon, Tue, WTF, Sat!!! :)
    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: Mar 7, 2011
  15. srb888

    srb888 Elite Member

    Joined:
    Jul 30, 2008
    Messages:
    3,260
    Likes Received:
    5,067
    Gender:
    Male
    Occupation:
    WebzSurfer
    Location:
    Sun, Mon, Tue, WTF, Sat!!! :)
    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: Mar 7, 2011
  16. kikiriki

    kikiriki Power Member

    Joined:
    Dec 18, 2008
    Messages:
    751
    Likes Received:
    227
    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.