• Resolved markbm

    (@markbm)


    I am new to css and am having a problem with my bottom sidebar image not showing up… My site is https://www.moneytalks-bswalks.com and the referenced sidebar.php code (within the “boredom” template) is:

    <li> <div class="sb_header"><h2><?php _e('Other Info'); ?></h2> </div>
    <ul>
    <div align=center>
    <a href="/subscribe.php">Sign up for email notifications whenever my blog is updated!</a>
    <!-- <a href=https://moneytalks-bswalks.com/contact-the-moneytalks-bswalks-staff/>Contact Us</a><br> -->

    </div>

    </ul>
    </li>

    </ul>

    </div>

    <div id="sidebar_bottom">

    </div>

    Its the display of the “sidebar_bottom” image that is the problem… Any help would be greatly appreciated… Thank you.

Viewing 10 replies - 1 through 10 (of 10 total)
  • Theres no code for an image in there?

    Thread Starter markbm

    (@markbm)

    It seems to be created by css… from the style.css file:

    `#sidebar_bottom {
    margin: -20px 0 0 490px;
    width: 194px;
    height: 47px;
    }

    I’m not sure a “no-repeat top left” positioning for a bottom and probably right-oriented image is going to work…. even if the image IS there – which it does not appear to be, using the web dev toolbar with FF to look over your images and css….

    Yeah, your css shows an inline image for that, but it has to be uploaded to the images folder, so double-check that it’s really there, then double-check the positioning if it IS there….

    Thread Starter markbm

    (@markbm)

    thank you for your assistance…. i will try out the ff web dev toolbar…

    very strange, though, since it was working/displaying fine until i added additional sections to the sidebar (i.e. “Syndicate”, “Other Info”, etc).. I’m wondering if I just have the “sidebar_bottom” div located in the wrong place??? Here is the code for my entire sidebar.php page:

    <div id="sidebar">

    <ul>
    <li><h2><?php _e('Categories'); ?></h2>
    <ul>
    <?php list_cats(0, '', 'name', 'asc', '', 1, 0, 1, 1, 1, 1, 0,'','','','','') ?>
    </ul>
    </li>

    <li> <div class="sb_header"><h2><?php _e('Archives'); ?></h2> </div>
    <ul>
    <?php wp_get_archives('type=monthly'); ?>
    </ul>
    </li>

    <li>
    <?php include (TEMPLATEPATH . '/searchform.php'); ?>
    </li>

    <div align=center>
    <script type="text/javascript"><!--
    google_ad_client = "pub-8671788577252874";
    google_ad_width = 160;
    google_ad_height = 600;
    google_ad_format = "160x600_as";
    google_ad_type = "text";
    google_ad_channel ="";
    google_color_border = "9ED063";
    google_color_bg = "FFFFFF";
    google_color_link = "3382AC";
    google_color_url = "008000";
    google_color_text = "000000";
    //--></script>
    <script type="text/javascript"
    src="https://pagead2.googlesyndication.com/pagead/show_ads.js"&gt;
    </script>
    </div>

    <?php $link_cats = $wpdb->get_results("SELECT cat_id, cat_name FROM $wpdb->linkcategories");
    foreach ($link_cats as $link_cat) { ?>
    <li id="linkcat-<?php echo $link_cat->cat_id; ?>"><div class="sb_header"><h2><?php echo $link_cat->cat_name; ?></h2></div>
    <ul>
    <?php wp_get_links($link_cat->cat_id); ?>
    </ul>
    </li>
    <?php } ?>
    <li><div class="sb_header"><h2><?php _e('Article Library'); ?></h2></div>

    <ul>

    <?php wp_list_pages('sort_column=menu_order&title_li='); ?>

    <!--

    <?php wp_register(); ?>
    <li><?php wp_loginout(); ?></li>

    -->

    <?php wp_meta(); ?>
    </ul>
    </li>

    <li> <div class="sb_header"><h2><?php _e('Syndicate'); ?></h2> </div>
    <ul>
    <div align=center>
    <!-- RSS 2.0 Feed -->
    <a href=https://www.MoneyTalks-BSWalks.com/feed/rss2/><img src=https://www.MoneyTalks-BSWalks.com/images/addrss20.gif border=0></a><br>
    <!-- RSS 1.1 Feed -->
    <a href=https://www.MoneyTalks-BSWalks.com/feed/rss/><img src=https://www.MoneyTalks-BSWalks.com/images/addrss11.gif border=0></a><br>
    <!-- Atom Feed -->
    <a href=https://www.MoneyTalks-BSWalks.com/feed/atom/><img src=https://www.MoneyTalks-BSWalks.com/images/addrssATOM.gif border=0></a><br>
    <!-- NewsGator Feed -->
    <a href="https://www.newsgator.com/ngs/subscriber/subext.aspx?url=%5Bhttps://www.MoneyTalks-BSWalks.com/feed/rss2/%5D"><img src="https://www.newsgator.com/images/ngsub2.gif&quot; alt="Subscribe in NewsGator Online" border="0"></a>
    <!-- BlogLines Feed -->
    <a href="https://www.bloglines.com/sub/https://www.MoneyTalks-BSWalks.com/feed/rss2/"&gt;
    <img src=https://www.MoneyTalks-BSWalks.com/images/addtobloglines.gif border=0>
    </a> <br>
    <!-- myYahoo Feed -->
    <a href="https://add.my.yahoo.com/content?url=http%3A//www.MoneyTalks-BSWalks.com/feed/rss2/"><img src="https://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif&quot; width="91" height="17" border="0" align=middle alt="Add to My Yahoo!"></a><br>
    <!-- myMSN Feed -->
    <a href=https://my.msn.com/addtomymsn.armx?id=rss&ut=https://www.MoneyTalks-BSWalks.com/feed/rss2/&ru=https://www.MoneyTalks-BSWalks.com/><img src=https://www.MoneyTalks-BSWalks.com/images/addtomymsn.gif border=0></a><br>
    <!-- Feedster Feed -->
    <a href=https://www.feedster.com/myfeedster.php?action=addrss&rssurl=https://www.MoneyTalks-BSWalks.com/feed/rss2/><img src=https://www.MoneyTalks-BSWalks.com/images/addtomyfeedster.gif border=0></a><br>
    <!-- Feedburner Feed -->
    <a href="https://feeds.feedburner.com/MoneyTalksAndBsWalks&quot; title="Subscribe to my feed"><img src="https://www.feedburner.com/fb/images/pub/fbapix.gif&quot; alt="" style="border:0"/></a>

    </div>
    </ul>
    </li>

    <li> <div class="sb_header"><h2><?php _e('Other Info'); ?></h2> </div>
    <ul>
    <div align=center>
    <a href="/subscribe.php">Sign up for email notifications whenever my blog is updated!</a>
    <!-- <a href=https://moneytalks-bswalks.com/contact-the-moneytalks-bswalks-staff/>Contact Us</a><br> -->

    </div>

    </ul>
    </li>

    </ul>

    </div>

    <div id="sidebar_bottom">

    </div>

    Maybe the image div might need to be just under the commented out href, from a quick look at what you posted. Can’t hurt to move it around some – that’s 99% of what tweaking’s all about anyway!

    Thread Starter markbm

    (@markbm)

    Thank you very much….

    I’ve been moving <div id="sidebar_bottom">' around in this file and nothing seems to work. Found the place where the sidebar_bottom css/image reference is being called from in the header.php file:

    <style type=”text/css” media=”screen”>

    body { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/bg.gif”); border: none; }
    #header { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/header_home-equity.jpg”) no-repeat bottom center; border: none; }
    #footer { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/footer.gif”) no-repeat top center; border: none; }
    #sidebar { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/sb_top.gif”) no-repeat top left; border: none; }
    sidebar_bottom { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/sb_bottom.gif”) no-repeat top left; border: none; }
    .sb_header { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/h2.gif”) no-repeat top left; border: none; }
    </style>

    I've checked and the sb_bottom.gif image is in the images subdirectory... I'm at a loss.. The developer of this theme seems to have left to join the army and is no longer around... Theme files can be found at
    https://www.aamukaste.org/wpthemes/`

    Anyone know any tricks to look for that might be causing this issue with this particular “boredom” theme??

    Try changing sidebar_bottom to #sidebar_bottom. That should fix it.

    Thread Starter markbm

    (@markbm)

    THAT WORKED!!! Great! Sorry for the newbie CSS question but what does the “#” sign do?

    Thank you again…

    It’s an indicator for the “id” selector. Your “sidebar_bottom” is actually an id in the style, so without the hash-mark (#) the page didn’t understand what the style wanted it to display (that’s simplistic but basically how it works).

    You can read up on how css works in wordpress here: https://www.tamba2.org.uk/wordpress/graphicalcss/align/index.html

    Thread Starter markbm

    (@markbm)

    I will…Thank you again for your help…

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Sidebar image not showing up’ is closed to new replies.