This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Change css for Post Loop buttons

11 years ago · Last reply by Braam Genis 11 years ago

I have the Vantage theme and have the Post Loop Widget that shows a list of 3 posts. At the bottom it shows a next button and small buttons for each page with more posts. How do I change the color of these buttons?

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Braam Genis Staff 11 years, 21 days ago

    Hi Henrik

    Add the following in Appearance > Custom CSS and adjust the color values:

    //The page number and next/previous buttons.
    .pagination span,
    .entry-content .pagination span,
    .pagination a,
    .entry-content .pagination a {
      background: #ffffff;
      color: #646464;
    }
    //The page number and next/previous buttons hover state.
    .pagination a:hover,
    .entry-content .pagination a:hover {
      background: #f0f0f0;
      color: #606060;
    }
    //The currently selected page number button.
    .pagination .current,
    .entry-content .pagination .current {
      background: #333333;
      color: #efefef;
    }
  2. Henrik 11 years, 20 days ago

    Thanks! Works perfect!

  3. Braam Genis Staff 11 years, 20 days ago

    Great! Glad to help! :)

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread