Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 8, 2016 at 11:59 am #696886
    steliosagapiou

    Dear Enfold,

    I need dome major changes in the page navigation buttons. At the blog page at the end there is pagination with pages number (1,2,3 …). I need the border to be black and not grey. Also on the post there are arrow left and right. How i can change the color to be more visible?

    Regards

    Stelios

    October 9, 2016 at 8:34 am #697003
    Rikard

    Hi steliosagapiou,

    I couldn’t see any pagination links on the page you posted, could you link directly to the pages where we can see the elements please?

    Thanks,
    Rikard

    October 9, 2016 at 6:48 pm #697092
    steliosagapiou

    Hi Rikard,

    send you the url on the private content. is the first URL. the page number is at the bottom left of the page.

    On the secont URL there are arrow left and right at the middle left and middle right of the page. How i can change the color to be more visible?

    Reagrds

    Stelios

    October 9, 2016 at 9:33 pm #697104
    Basilis

    Hi!

    Regarding the pagination:

    .template-blog .pagination a {
    border-radius: 100px;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
}

    Change the RGBA value, with what you want.

    #top .avia-post-nav { background: #aaa;background: rgba(0,0,0,0.1); }

    Again here, change the background value, with what you need.

    Let us know if we can help you further

    Cheers!
    Basilis

    • This reply was modified 8 years, 1 month ago by Basilis.
    October 10, 2016 at 7:28 am #697182
    steliosagapiou

    Hi Basili,

    the second CSS code works fine. Thanks.

    the first one i don’t see any changes.I tried to change the rgba value but still the same. I need the circle border (bottom left of the page) to be more visible.

    Send you the link on the private content

    Regards,

    Stelios

    October 10, 2016 at 4:44 pm #697455
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    #top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a {
    box-shadow: 0px 0px 1px 0px black;
}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.