Forums

[resolved] theme footer codes issue (14 posts)

  1. alina
    Member
    Posted 1 year ago #

    I started a new topic for a question that I posted earlier as I do not know how to edit the subject for the same post.

    The theme I use is Weaver which is under Twenty Ten theme. So far I couldn't find an answer for my question from the weaver users.

    The thing is the fourth area from the footer widgets (there are four in total) is not working. When I place some content in it, it goes automatically to the first area, and the fourth is never working.

    I tried to look into the codes to find the issue but I do not know how to fix it. The issue does not seem to be a big one, is my assumption, and I place here the codes for the footer area that I found in the editor.

    Maybe someone know and may help with this.

    Thank you very much!

    [code moderated as per forum rules - please use the pastebin]

  2. alchymyth
    The Sweeper
    Posted 1 year ago #

    this might be css issue, and there might not be enough room for the fourth footer widget.

    to check this, a link to your site would be needed.

  3. alina
    Member
    Posted 1 year ago #

    It might be possible. I placed some small lines for you in the footer so you can check what you need. The link is here.
    Thank you for this.

  4. alchymyth
    The Sweeper
    Posted 1 year ago #

    you might have edited this style:
    #first,#second, #third, #fourth {background-color: transparent;padding-left: 10px; padding-top: 10px; margin-bottom: 5px;}

    with the extra padding-left, the footer widgets don't have enough space.

    if you need to keep the above style, try and reduce the width of this style to 210px:

    #footer-widget-area .widget-area {
    	margin-left: 10px;
    	float: left;
    	margin-right: 5px;
    	width: 220px;
    }

    however, i am not familiar how this is done in weaver.

  5. alina
    Member
    Posted 1 year ago #

    I did not know where to find the codes you indicated. I found something similar in the stylesheet (style.css)but at the footer-widget-area it was an empty space beween parenthesis or braces, I do not the exact word in english. I placed there the code lines you gave me and reduced from 220 px to 210 px and nothing changed.

  6. alchymyth
    The Sweeper
    Posted 1 year ago #

    this #footer-widget-area .widget-area style is actually quite high up in the style.css of your theme:

    a few lines after:

    /* =Structure
    -------------------------------------------------------------- */
    
    /* The main theme structure */

    beginning here:

    /* Structure the footer area */
    #footer-widget-area {
    	overflow: hidden;
    }
    #footer-widget-area .widget-area {
    	margin-left: 10px;
    	float: left;
    	margin-right: 5px;
    	width: 220px;
    }
  7. alina
    Member
    Posted 1 year ago #

    I found it. I changed and is still the same. And right under the lines you told me there is what I copied below. Is it possible to come from there?
    #footer-widget-area #fourth {
    margin-right: 0;
    }

  8. alchymyth
    The Sweeper
    Posted 1 year ago #

    when i look at your site, i still see the width of 220px unchanged in this style #footer-widget-area .widget-area

    as i said, i am not familiar how you change styles in 2010weaver; however, if you edit the style.css directly, the change should become visible in your site.

  9. alina
    Member
    Posted 1 year ago #

    Yes. It is unchanged because I change it in the style but in the site all of the lines I placed for you went in the first area. And the rest of three were empty. I thought it was because that "footer-widget-area....margin-right:0;... Seems odd to be there, exactly the one that I have questions about. I do not know. But I have to thank you for your time and involvement.

  10. alchymyth
    The Sweeper
    Posted 1 year ago #

    Yes. It is unchanged because I change it in the style but in the site all of the lines I placed for you went in the first area.

    unlikely, if you just changed the width to 210px.

    however, it makes helping tedious, if the suggsted changes don't stay long enough for the helper to check back on the effect.

    also, to see the changes in your styles in your browser, you may need to clear the browser cache by pressing the 'reload' button; or by pressing 'ctrl' and 'f5' simultanously.

    btw:
    this footer-widget-area....margin-right:0;... is there to compensate the right margin in the fourth footer widget (which is not needed), because the right margin was generally set for all 4 footer widgets in here:

    #footer-widget-area .widget-area {
    	margin-left: 10px;
    	float: left;
    	margin-right: 5px;
    	width: 220px;
    }

    that style is perfectly ok.

  11. alina
    Member
    Posted 1 year ago #

    It worked! :) I do not know why this time worked out. Thank you a lot! I am really happy!

  12. alchymyth
    The Sweeper
    Posted 1 year ago #

    well done ;-)

    if this is sorted, please mark this thread as 'resolved' - thanks.

  13. alina
    Member
    Posted 1 year ago #

    It is. I'll do that. And thank you one more time.
    Best wishes!

  14. keress
    Member
    Posted 1 year ago #

    I want to add, I had the same problem and solved it when I pasted in the sidebar-footer.php file from the Twenty Ten theme.

Topic Closed

This topic has been closed to new replies.

About this Topic