Could there possibly be something in this image that makes it align left?
<img border=”0″ src=”http://www.sportsinsights.com/affiliatewiz/aw.aspx?B=48&A=89&Task=Get” alt=”” width=”650″ height=”100″>
[ Please do not bump, it’s not permitted here. ]
Which particular image you are talking about? There is only one image on your header called BTB while your second message is just a link to lots of images.
You don’t normally have Logo images as background. they should be explicitly inserted in the page to have all the controls over them.
Please clarify.
Thanks for the reply. I have been playing around with it a lot since I asked the question. I have two images that are both aligned left. One is a banner for sportsinsights. I want it aligned to the right but do not know how to do that. Can you help me?
You have still not answered the question:
1) You have two images:
1) http://behind-the-bets.com/wp-content/themes/behindthebets5/images/header-object.png
2) http://behind-the-bets.com/wp-content/header-images/sportsinsights.gif
Do you want both images to be right aligned? The first one is a background image without Repeat. The second is a straight forward inserted image.
Please clarify so that I can give you the code.
Get rid of the inline style (center) on the banner image, then open the style sheet and find this:
div.art-logo {
display: block;
left: 0pt;
margin-left: 0pt;
position: absolute;
top: 20px;
}
change it to this:
div.art-logo {
display: block;
left: 0pt;
margin-left: 275pt;
position: absolute;
top: 20px;
}
No guarantees, but that might move it out of the way.
I want the 1st image (BTB red logo) where it is at, and the 2nd image (the sportsinsights logo) aligned to the right. I really appreciate it man.
How do I get rid of the inline style (center) on the image?
OK for the second image use this code:
.art-logo img {
float: right;
}
Good luck.
You didn’t put it there? I didn’t see the <center> tags around the banner image code when I looked at it an hour ago. If you didn’t, that’s okay. See if making the change to the style sheet will override it for you.
I tried changing it to 275 but it still wont move.
And where exactly do I put that code? In the style.css at the bottom?
You’re not adding code, you’re changing it. You are going to have to search through the style sheet and find the ‘div.art-logo’ code I pasted above. Change only the value I put in bold text. I tried it using firebug in Firefox, and it moved your banner to the right while leaving your site logo where it is.
If you have already changed it, make sure your changes were saved, then clear your browser cache or (Ctrl + F5) and revisit your site. Your browser is probably still displaying the cached version of the style sheet, rather than the updated one.
I changed the value but it still wont move the banner. I cleared the cache and refreshed it a few times.
Mytaxsite told me to put this in:
.art-logo img {
float: right;
}
I didnt know where to put it in at. I really appreciate the help man. Anything else I could try?
The value doesn’t appear to have been changed. Here’s the path to the file that needs to be edited; //behind-the-bets.com/wp-content/themes/behindthebets5/style.css
And here’s the current value of the code I suggested that you change:
div.art-logo{display:block;position:absolute;top:20px;left:0;margin-left:0;}
As you can see the margin-left value in your live style sheet is still 0, not 275. If you changed it and didn’t clear your browser cache to view the result, then changed back, you may not have ever seen the actual result.
art-logo img {
float: right;
}
I don’t believe that code by itself will do anything. I think it’s the div the image is in that needs to be moved to the right. Not the image itself.
Mytex site told me to put this in:
.art-logo img {
float: right;
}
I didnt know where to put it in at. I really appreciate the help man. Anything else I could try?
All codes I give here are meant for the style.css located in the folder of your child theme. I believe you are not working with the child theme and if this so then you are making the worst mistake of your life!!!!!!!!!!!.
You should never ever change any of the core files as supplied by WP or theme maker. All changes are made in the copy of the files located in the folder called child-theme. I suggest read this article when you get a moment:
http://codex.wordpress.org/Child_Themes
Having said so, just for the test of the code, the code I gave you should be placed at the end of your style.css, Save it, and then refresh your browser to see if changes are effective.
Please post back.
Good luck.
Just a heads-up – this is a theme that was created with Artisteer.
@ranceyoung
No worries. Take a breath and take your time, and don’t forget to clear your browser cache before previewing after you’ve made changes in the file. Try both ways if you like. Something might work.
