float 'read more' button to the right side of excerpts

  • Resolved klaw718

    (@klaw718)


    10 years, 4 months ago

    hey there,

    I’d like the read more button to be on the right side of my excerpts, but I can’t figure out how to isolate it so I can float it right. Apparently in my CSS, the class: “.entry-content a.button” controls the buttons under my comments as well as contact forms, but I want to keep these to the left. Does anyone have any tips on how I can isolate just the read more button and float it to the right?

    my site: thepeacetribe.com. Click on the news tab and you’ll see what I mean. Thanks for any help!

Viewing 2 replies - 1 through 2 (of 2 total)

  • From what I saw on your site, you should be able to use a.button to target the “Read More” button without affecting anything else:

    .entry-content a.button {
	float: right;
}

.entry-content:after {
	content: '';
	display: table;
	clear: both;
}

    I included the extra rule afterwards in order to clear the floated button.

    Thread Starter klaw718

    (@klaw718)

    thanks so much! it worked! i guess there was something wrong with my code before..anyway thanks again, it looks great now

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘float 'read more' button to the right side of excerpts’ is closed to new replies.