• Resolved GroceryGirl

    (@grocerygirl)


    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!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Please link the page you’re referring to

    Thread Starter GroceryGirl

    (@grocerygirl)

    Hi Andrew,

    https://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!

    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

    Thread Starter GroceryGirl

    (@grocerygirl)

    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!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Please create a new thread for each issue.

    @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.

    Thread Starter GroceryGirl

    (@grocerygirl)

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘"line-up" buttons’ is closed to new replies.