Posted 3 years ago #
Here's my blog:
http://www.brilliantbuys.net
I'm trying to put my own pictures in the sidebar. There's 4 pictures under the "sponsor" sidebar. How do I put my own pictures there?
I can find the css stuff under sidebar.php but have no idea what to put in there to use my own pictures.
Can anyone help?
There is no CSS in the sidebar.php it's in the style.css file.
You can add pictures directly into the sidebar.php using (X)HTML or add the code to a text widget. If they are links like the blogroll you are able to add images in under links as well.
Posted 3 years ago #
So...here's the CSS:
#sponsors{background:#FFF;padding-bottom:8px;overflow:hidden;}
#sponsorscontent{padding-top:3px;padding-left:8px;padding-right:8px;}
#sponsorscontent img{padding-top:5px;border:0;}
.right{float:right;}
.left{float:left;}
.sidebar-item {margin-top:10px;background:#fff;}
.sidebar-item ul {margin:0;padding:8px;list-style-type:none;}
.sidebar-item a{color:#464647;text-decoration:none;}
.sidebar-item a:hover{text-decoration:underline;}
Here's what's in the sidebar.php
<div id="sidebar">
<div id="sponsors">
<div class="title">Sponsors</div>
<div id="sponsorscontent">
<div class="left"><img src="<?php bloginfo('template_url'); ?>/images/125.png" alt="125" /></div>
<div class="right"><img src="<?php bloginfo('template_url'); ?>/images/125.png" alt="125" /></div>
<div class="left"><img src="<?php bloginfo('template_url'); ?>/images/125.png" alt="125" /></div>
<div class="right"><img src="<?php bloginfo('template_url'); ?>/images/125.png" alt="125" /></div>
</div> <!-- Sidebar content div -->
</div> <!-- Sponsors div -->
How do I put my own pictures in these codes?
You can just add a DIV and use html to display your pictures within it wherever in the sidebar you want. I do that on my blog all the time.
This topic has been closed to new replies.
