WordPress HTML Quick Question!

by Ross Cohen

Posted: 13 years ago 8 replies

WEB DESIGN

On my site: Antivirus | Top Antivirus Reviews ...

See the "Read Review" button? In the editor under the stylesheet I'm trying to center it under the two columns but no matter how much I increase the number now, it won't move any further past where it currently is. Anyone know something I should edit to be able to do so?

Thank you so much!!

Ross

#html #question #quick #wordpress

Ross Cohen 13 years ago

And this is what I'm changing in the stylesheet:

#read_review {
display:block;
width:128px;
height:34px;
text-indent:-9999px;
background:transparent url(images/read_review.png) no-repeat top left;
margin-left:140px; <----
margin-bottom:10px;
- Thanks
{{ DiscussionBoard.errors[4906125].message }}
Istvan Horvath 13 years ago

You can't do it like that:

The image is in a table cell that IS centered... but centering doesn't mean "where I want it to be" - it means in the center of the PARENT element. For a td table cell its parent is the the table row (tr).

No matter how you change that 140px - the right "end" of the table cell will not let you push the image further.
- Thanks
Signature
{{ DiscussionBoard.errors[4906210].message }}
Ross Cohen 13 years ago

Hm, so it wouldn't be in the stylesheet? So confuseddd Tr, not Td?
- Thanks
{{ DiscussionBoard.errors[4906237].message }}
Ross Cohen 13 years ago

And see, on the site, if I try to move it far over and bring the tables closer together, it cuts off the image -- ugh!
- Thanks
{{ DiscussionBoard.errors[4906251].message }}
Istvan Horvath 13 years ago

OK, you missed the most important part in my post:

You can't do it like that

The rest was just technical explanation, in case you are learning HTML and CSS.
- Thanks
Signature
{{ DiscussionBoard.errors[4906280].message }}
Ross Cohen 13 years ago

Hm, okay.

Seems like you're the Wordpress wiz on here! See how the button is now? What if I just wanted to expand the "Read Review" button? See how it kind of cuts off? Know what I mean? If I move the 2 columns further apart, the image becomes full.
- Thanks
{{ DiscussionBoard.errors[4906401].message }}
Ross Cohen 13 years ago

Hm, looks like I got that working... now I just need to move the button up. Oy!

-- Now it messed up again. Oh well. Suppose I'll figure it out eventually, maybe. Thank you!
- Thanks
{{ DiscussionBoard.errors[4906428].message }}
OBaz 13 years ago

In your style.css file on line 922 change margin-left value only!!!

#read_review {
margin-left: 50px;

This is closest that you can move your button without breaking design.
To move it exactly in-between columns you need to alter your code a bit more and in different way.
- Thanks
{{ DiscussionBoard.errors[4907720].message }}
stevenpaul 13 years ago

[DELETED]

{{ DiscussionBoard.errors[4911076].message }}