Celebrate the New Year with myCred use coupon code " 2020 " to get 60% Discount on all Addons.

CSS for MyCred Points history

front page Forums Community CSS for MyCred Points history

This topic contains 11 replies, has 4 voices, and was last updated by Avatar xyzmurali 4 weeks, 1 day ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #21114
    Avatar
    rohitmagnlik

    Hi,

    I used [mycred_history] shortcode in my website. It looks little weird with the default CSS provided by my theme. I also tried it with 3 more premium paid themes in other websites in my multisite network but same result. Even though these themes provide pagination support in CSS.

    Can you please give some sample code of CSS used in your website for [mycred_history] shortcode.

    Thanks

    #32465
    Avatar
    Magicred

    Hi!

    Do you find a solution ?

    Right now my log history pagination looks like that :

    
    «
    ‹
    1
    2
    3
    4
    5
    ›
    »
    

    How can I put all in one line ?

    Thanks in advance

    #32480
    Avatar
    Magicred

    UP ^^

    Nobody fixed that ? 🙁

    #32481
    Avatar
    Aslan Guseinov

    Hi, can you (both of you) give me a link, so I can look?

    #32482
    Avatar
    Magicred

    Hi Aslan 🙂

    No link because i’m in localhost

    here a screenshot : https://ibb.co/kE19bQ

    Hope you have a trick to fix that 🙂
    Thanks in advance 🙂
    Best

    #32483
    Avatar
    Aslan Guseinov

    Have you tried to play with CSS Styling?

    // Navigation
    .mycred-history-wrapper nav { }
    .mycred-history-wrapper nav ul { }
    .mycred-history-wrapper nav ul li { }

    #32485
    Avatar
    Magicred

    Not yet because I don’t know what I need to put between { } :-/

    #32487
    Avatar
    Aslan Guseinov

    Just to try! Open header.php of your WP theme and paste this between head tags:

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    If your install can’t access internet from localhost then download this archive

    https://github.com/twbs/bootstrap/releases/download/v3.3.7/bootstrap-3.3.7-dist.zip

    Unzip and go to bootstrap-3.3.7-dist/css, place bootstrap.css in your themes folder.
    Add this line to your header.php between head tags:

    <link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_directory_uri(). '/bootstrap.css' ?>">
    

    Try it.

    #32488
    Avatar
    Magicred

    Thank you very much Aslan but seem it’s not working for me 🙁

    BUT !!!

    I found a solution with :

    .mycred-history-wrapper nav ul li { display:inline; padding : 0px 5px 0px 5px; }

    Screenshot : https://ibb.co/noRg6Q

    Will be better to center the pagination but … It’s better like before 🙂

    But when I click on a number to change page there is a problem, I need to open a ticket :-/

    Thanks again for all your efforts, you rock !

    #32489
    Avatar
    Aslan Guseinov

    What theme are you using?

    #32490
    Avatar
    Magicred

    Flatsome

    #47620
    Avatar
    xyzmurali

    wow,thanks very much, I had same problem with same theme and your solution worked. Did you find a way to center it?

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.

11