StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Centering the 'Read More' button link.

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Centering the 'Read More' button link.

This topic is: resolved
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 3, 2018 at 2:17 am #223511
    Geek Dom
    Member

    Hi all,

    I'm trying to figure out how to center a 'Read More' button. If I use 'text-align: center' and 'width: 100%', the whole button is stretched across the content. I just want it centered after the content excerpt.

    Any help will be most appreciated.

    I'm using the following code:

    .more-link {
	display: block;
	margin-top: 40px;
	color: #fff;
	background: #333;
	padding: 5px 10px;
	width: 180px;
}
    October 3, 2018 at 5:43 am #223515
    Victor Font
    Moderator

    Without a link to your site, this is just a guess, but you can try adding margin: 0 auto;

    Provide a link to a page on the site that uses the read more button and we can be more specific.

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Centering the 'Read More' button link.’ is closed to new replies.