WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] "line-up" buttons (8 posts)

  1. GroceryGirl
    Member
    Posted 5 months ago #

    I recently turned the page links on my blog into buttons, but now would like to get those buttons to line-up horizontally under the title of my blog. Is there a way I can achieve this? Thank you!

  2. Andrew
    Forum Moderator
    Posted 5 months ago #

    Please link the page you're referring to

  3. GroceryGirl
    Member
    Posted 5 months ago #

    Hi Andrew,

    http://www.therightcardandmore.com

    You can see the pages are currently arranged in a clump of buttons. I would like to arrange the buttons horizontally. Preferably, just under the title of the blog.

    Thanks!

  4. Nhat
    Member
    Posted 5 months ago #

    Hi GroceryGirl,

    If this is what you mean, then you can achieve that with this custom CSS:

    .main-navigation {
    width: 100%;
    text-align: left;
    margin-top: 30px; /* this controls the space between your navigation and your site title */
    }
    .main-navigation li {
    margin: 0px 0px 5px 0px; /* This controls the spacing between items in your navigation bar; the order is TOP RIGHT BOTTOM LEFT */
    }

    Put it at the bottom of your main theme's CSS file or your child-theme's CSS file. Or if you have the official WordPress Jetpack plugin installed, you can go to Appearance --> Edit CSS.

    Hope this helps,
    Nhat

  5. GroceryGirl
    Member
    Posted 5 months ago #

    Hi Nhat,

    Thank you SO much. I knew about (T,R,B,L) but still learning the rest.

    While I've got you attention, I'm using "posts" to function as "categories" and simply changing the content of the posts when needed. Will this practice hinder the site achieving good SEO results? Thanks!

  6. Andrew
    Forum Moderator
    Posted 5 months ago #

    Please create a new thread for each issue.

  7. esmi
    Forum Moderator
    Posted 5 months ago #

    @Nhat: will you please stop encouraging people to add or edit their main theme's stylesheet. They need to use a child theme or a custom CSS plugin.

  8. GroceryGirl
    Member
    Posted 5 months ago #

    Hi, Just an FYI, I have CSS Manager already installed, so I did use that to update. -Just makes life easier. Thanks!

Reply

You must log in to post.

About this Theme

About this Topic