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.

How To Change The Button Color In Display Next/previous Post Navigation?

Resolved 2 replies premiumthemetheme-vantage
Petteri
10 years ago · Last reply by Petteri 10 years ago

Hello!
I would like to have custom css-code to change the color of “Display next/previous post navigation” buttons which you can enable/disable in Theme settings.

I would like to adjust the link color and the button color; any css for this one.

Could you help me with this, please : )

NO url: I have a test site.

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

Need fast email support? Get SiteOrigin Premium

Replies

2
  1. Magus Staff 10 years, 10 months ago

    Hi Petteri

    This is the required code for those buttons, please copy it to your custom CSS and make any changes you need

    .post-navigation a:hover, #image-navigation a:hover {
    background: #ffffff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ebebeb), color-stop(1, #ffffff));
    background: -ms-linear-gradient(bottom, #ebebeb, #ffffff);
    background: -moz-linear-gradient(center bottom, #ebebeb 0%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff, #ebebeb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0);
}
.post-navigation a, #image-navigation a {
    background: #ffffff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff));
    background: -ms-linear-gradient(bottom, #dfdfdf, #ffffff);
    background: -moz-linear-gradient(center bottom, #dfdfdf 0%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff, #dfdfdf);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
    color: #646464;
}

    If you need help getting the code for the gradient fill please try this site

    http://css3buttongenerator.com/

    Let us know how you get on

    Magus

  2. Petteri 10 years, 10 months ago

    Thanks, I think this works well
    – Petteri

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