How to add image between blog posts - css

I'm trying to figure out how to add an image between blog posts (i.e., a graphic basic divider line, not a border) on my website: www.sacspartans.org
I know how to create and div, add the image, etc. But I don't know what file to make the modification to. Does anybody know?
I'm using Toolbox, the bare bones starter theme.
Any help would be much appreciated.
EDIT: I opened up the index file... but I'm not sure where to add my div.

Add the div right above <?php endwhile; ?>

Make it so that the three divs are like this:
<div class="div">
//blogpost 1
</div>
<div class="div">
//pic
</div>
<div class="div">
//blogpost 2
</div>
CSS
.div {
float: left;
display: inline;
//rest of css
}

Related

Adding a logo to my Navigation Pane using CSS (Squarespace site)

I'm trying to add in a sponsor logo into the top right corner of the Navigation Pane of my website using CSS.
Here is my website link: www.headlightshortfilm.com.au
Does anyone know how to do this using CSS? Squarespace can't help me so I was about to pay a Squarespace specialist to do it but I feel it must be pretty simple. I thought i'd try here first :)
Add this Div after your <div id="topNav" style="padding-right: 0px;"></div>
<div class="sponsored-logo">
<img src="imageURL">
</div>
Add this class on your stylesheet
.sponsored-logo {
float: right;
}
Add float: left; to your #logo and #topNav
Hope this helps.

Add adsense banner next to my logo in header (wordpress)

I have a logo in the header of my wordpress site and I would like to add an adsense banner next to it like this :
For my logo, I have a div logo and this css code :
#logo { float: left; margin-top: 60px; }
I know I need to create a new div for my adsense code but what css code should I use so the adsense banner appear to the right just next to the logo ?
I need to make sure that both div will never be superimposed (on all devices).
This should work:
HTML:
<div id="logo">
Some code here for the logo
</div>
<div id="ad-banner">
Ad banner goes here
</div>
<div style="clear:both;"> </div>
CSS:
#ad-banner
{
float: right;
margin-top: 60px;
}
Putting the HTML in the header-middle div and the #ad-banner style into the style.css file. It should work.
Open WordPress Editor
Open the header.php file
In this file – look for the following code
<header id=”masthead” role=”banner”>
Make the following change to the hgroup tag by adding style=”display:inline-block”
Immediately below the hgroup tag, add the Ad (Google AdSense) Code inside a span block as shown below:
<span style=”float:right”>
<!– Paste Ad Sense Code below–>
</span>
Save the file
Source: http://techzog.com/wordpress/how-to-add-banner-ad-to-wordpress/

CSS Div Being Pushed Down

I've been working on my first child theme for WordPress for a couple of days and have pretty much got everything working as expected apart from one thing.
[http://stevefleming.co.uk/blog/][1]
I've tested in Fire Fox and Chrome and the right hand 'widget' div is being pushed
below. It's not happening on other pages and yes, I did customize the page. I've looked at a working one and then this page and can't see any obvious difference.
Hope somebody can help before I lose my mind.
Thanks
Steve
Just put your #sidebar before your #main in the markup, so that its float affects the main section.
<div id="sidebar">
</div>
<!-- /#sidebar -->
<div id="main">
</div>
<!-- /#main -->
Add "float: left" to your main so that it should look like:
#main {
width: 620px;
float: left;
}

How to fix clickable background with Wordpress theme and CSS

I have a problem using a clickable adverting skin as background of my Wordpress site. My site is this: http://www.tvindiretta.com. If you scroll down any page of my site you will see that the top of the background covers the content and mess all up... I think that I should add a white background in foreground. I really need your help, I'm a noob in CSS and programming.... I read about this parameters googling for...
display: block; ??
text-indent: px; ??
overflow: hidden; ??
z-index:22 ???
...but I don't know how to solve this problem... Here is my Wordpress theme CSS file http://www.tvindiretta.com/wp-content/themes/videoplus/style.css Thanks a LOT for any help in advance
P.S. This site: IMPRONTALAQUILA.ORG in certain pages shows the same ad and also other similar skins without any bug or problem... how can I get the same result? I want the background to be fixed so that users see it browsing any part of the page
Remove fixed from
background: white url(http://www.affiliago.it/accounts/default1/banners/SKIN_BAKECA.jpg) no-repeat fixed;
In your body style.
UPDATE:
Add in your css:
.myClass{
background-color:white;
width:994px;
margin:0 auto;
}
And add those styles to:
<div class="clear"> to <div class="clear myClass">
<nav> to <nav class="myClass">
<div class="wrap"> to <div class="wrap myClass">

Float right div with padding for wordpress header.php?

I am trying to get a few lines of text under my li menu. I want it to float right with padding. Also, for some reason it is way to far down below my menu and too far right. This happened when I tried just using
<div style="float: right;">
I am going to put it in my wordpress header.php
I am not an HTML or CSS coder. I use wordpress themes and I pull out CSS that I like from the web and then I change it up using firebug. This annmariedavis.com comes from a child theme that I modified.
add <div style="float: right; width: 323px;">some text</div> before </nav> or right after it, depends on where you want text to be located above or below line

Resources