WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Footer not picking up CSS - please help!! (20 posts)

  1. MyDigitalDreams
    Member
    Posted 4 years ago #

    Hi,

    I followed the following tutorial to put a nice grey footer on my site:

    http://www.studiopress.com/wordpress-tips/how-to-add-a-widgeted-footer-area-to-your-studiopress-theme.htm#comment-6512

    However, as you can see by the calendar (bottom right) on http://www.3d-mad.com/ it is not picking up the style.

    I do not have much technical expertise so could someone please help me to fathom this out?

    Many thanks,

    Tom

  2. gazouteast
    Member
    Posted 4 years ago #

    Have you contacted studiopress.com about it?

    It is their theme you're using and their instructions you're following.

    Starting two threads about the same topic in under three minutes is generally regarded as spamming the forums, especially when you include a link to your site.

  3. MyDigitalDreams
    Member
    Posted 4 years ago #

    Sorry, the two threads were an accident as hit back to edit a typo then couldn't find out how to delete the first one? I haven't heard back from Studiopress so thought I would try on hear. Is this something you are familiar with? Thanks!

  4. alchymyth
    Forum Moderator
    Posted 4 years ago #

    it is not picking up the style.

    what style?

    is there a special way you want it to be formatted?

    it seems to be displaying all the styles you have so far created for this widget area.

  5. MyDigitalDreams
    Member
    Posted 4 years ago #

    Yes, sorry I would like it to be formatted like it is in the tutorial, i.e. dark grey background and light grey text in keeping with my header navigation. A site which does this is: http://presidiosports.com/

    I have got a bit further with the css for the widgets but can you help me with the code to get the background of the footer to match?

    Many thanks,

    Tom

  6. alchymyth
    Forum Moderator
    Posted 4 years ago #

    the only difference i can see is that 'presidiosports' is using #cccccc as link color, while you're using #dadada which is a bit brighter.

    if you add 'color: #cccccc;' to '#footer-widgeted .widget' , your square bullets will change to grey as well.

    that is as close as i can get it; if you are stil seeing something else than a grey footer with bright grey links, try clearing your browser cache (CTRL F5) or reload your site by pressing the reload button of your browser.

    screenshot

  7. MyDigitalDreams
    Member
    Posted 4 years ago #

    Thanks so much for your help. I figured it out earlier today then had to go out before I could update the forum. I'm new to wordpress so it's taking me a while to teach myself css. One final thing you might be able to help me with is how do I align the Google ads I have in my header to the right? I have inserted some shortcode from Banner Garden but I want it to appear above the main page links on the right. Any help would be hugely appreciated as it's driving me mad! I'm sure it will be something VERY simple?? Thanks again, Tom

  8. alchymyth
    Forum Moderator
    Posted 4 years ago #

    that adsense is put into the code before the body tag; in a invalid position.

    </head>
    <div id="Header_Banner">
    
    <div <!-- Banner Garden Code Start -->
    <script type="text/javascript"><!--
    google_ad_client = "pub-31xxxxxxxxx27";
    /* 3D-Mad.com_Posts_468x60 */
    google_ad_slot = "95xxxxxx14";
    google_ad_width = 468;
    google_ad_height = 60;
    //-->
    </script>
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
    <!-- Banner Garden Code End -->
    </div>
    <body class="home blog"><div><a id="top"></a></div>

    imho, it has to be after the body tag; which then might allow some styles to move it to the right.

    see also the validation errors:
    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.3d-mad.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    i don't know of any way to position it there.

  9. MyDigitalDreams
    Member
    Posted 4 years ago #

    Thanks again for your help. I have moved the code to within the body tags. Perhaps someone else can help me to align it right?? Best regards, Tom

  10. alchymyth
    Forum Moderator
    Posted 4 years ago #

    cool;

    try and add these styles to the end of style.css of your theme:

    #Header_Banner div {text-align:right;}
    #Header_Banner #header h1 {text-align:left;}

    hope this works, good luck ;-)

  11. MyDigitalDreams
    Member
    Posted 4 years ago #

    hi, it has nearly worked. it has brought the banner over but it has also brought everything else on the site with it? Any suggestions now? Cheers.

  12. alchymyth
    Forum Moderator
    Posted 4 years ago #

    adding another style at the end might put things back into alignment:

    #Header_Banner #wrap div {text-align:left;}

  13. MyDigitalDreams
    Member
    Posted 4 years ago #

    That worked. It has just not brought back the footer links which are still aligned right?

  14. alchymyth
    Forum Moderator
    Posted 4 years ago #

    my bad - i was just not checking all the way down the site.

    another line to add:

    #Header_Banner #Footer_Background div {text-align:left;}
    .adblock {text-align:center!important;}

    the .adblock line is to center the other adsense in their divs

    really hope this is all; thanks for your patience ;-)

  15. MyDigitalDreams
    Member
    Posted 4 years ago #

    It's cool I think that the right alignment in the footer was my fault. Only outstanding issue is the very bottom of the footer. the posts/comments etc should be aligned right? Sorry this is taking up your time.

  16. MyDigitalDreams
    Member
    Posted 4 years ago #

    the adword ads in the main body have also centralised?

  17. alchymyth
    Forum Moderator
    Posted 4 years ago #

    no problem.

    hope this line added at the end of style.css will give you the right alignment:

    .footerright p {text-align:right; }

  18. MyDigitalDreams
    Member
    Posted 4 years ago #

    all sorted. you are an absolute star. I know you have helped me so much already but if you can assist in one final thing I can finish my site.

    I just need to put the following shortcode in my footer.php so it sits in the centre of the black bar on top of my footer links.

    [bannergarden id="1"]

    How do I put this in?

    I will gladly donate you some money for a beer if you can help me do this ;-)

  19. alchymyth
    Forum Moderator
    Posted 4 years ago #

    best to start a new thread for this;
    i am not sure if shortcodes will be executed within the php file.
    someone else might have more experience on that topic.

    you probably need to paste the code of footer.php into a http://wordpress.pastebin.com/ and post the link to it with the new thread.

    and you might want to mark this thread as resolved (i think there is a dropdown or button omewhere in the right (?) )

  20. MyDigitalDreams
    Member
    Posted 4 years ago #

    I will do that. Thanks again!

Topic Closed

This topic has been closed to new replies.

About this Topic