Help me with Recent Global Posts Widget plugin CSS

Hi, on main site http://bettingtip.info/ i use recent global posts widget, can you help me with css, i know basics but i cant detect it via inspect element, could you give me some css with next ideas and i will use it and maybe edit it a little bit.
-remove underline
-change colour of rows odd and even rows differend colour and of line between
-set us some padding and spacing
- set up some font and colour and maybe bold, i like links like on image its from http://www.mozzartsport.com/vesti/poraz-bez-teskih-posledica-zvezdinu-kartu-za-top-16-drzi-bajern/122869

Could you that for me it will be great?
Thanks

  • Adam Czajczyk

    Hello Nikola,

    I hope you're well today and thank you for your question!

    Let me go through this step-by-step then :slight_smile:

    1. Remove underline:

    #rgpwidget-7 ul li a {text-decoration:none;}

    2. Odd and even rows color and border:

    #rgpwidget-7 ul li:nth-child(odd) {background:#FFFFEE;border-bottom-color:#0000FF;}
    #rgpwidget-7 ul li:nth-child(even) {background:#EEFFFF;border-bottom-color:#FFFF00;}

    In this case you will want to use your own set of colors as I selected them just "out of the blue" and they don't make much sense :slight_smile:

    3. Padding and spacing:

    #rgpwidget-7 ul li {padding:30px 40px 20px 50px;margin-bottom:20px;}

    Values in pixels are respectively for: top, right, bottom, left;

    4. Fonts and colors

    The font use on that site you linked to is called "Mozzart" and you'd first need to purchase its webfont version:
    https://www.myfonts.com/fonts/posterizer-kg/mozzart-rough/

    There are also few versions of "Mozzart" font so I'm not sure if this particular is "Mozzrt Rough" but you may browse MyFonts site and find out.

    To set colors for Recent Global Post links inside the box just use following css:

    #rgpwidget-7 ul li a {color:#FF0000;}
    #rgpwidget-7 ul li a:hover {color:#00FF00;}

    First line is for link text color and the second one for "on mouse over" link text color. Again, you will most likely want to change color values as I set them for bright red and green :slight_smile:

    I hope that helps!

    Best regards,
    Adam

  • Adam Czajczyk

    Hello Milan!

    I'm glad I could help. As for font sizes and font like Verdana or Tahoma (which are so called "web-safe" fonts, meaning that are available on every browser), adding this rules to any element should affect its text:

    font-family: Tahoma;
    font-size:20px;

    For example, for your Recent Global Posts widget links it would be:

    #rgpwidget-7 ul li a {
    font-family: Tahoma;
    font-size:20px;
    font-weight:bold;
    }

    This should output them in bold Tahoma font, size of 20 pixels. The rule is basically the same for any element on the site.

    I hope that helps!

    Best regards,
    Adam

  • Marcelo

    You've solved? I can help you.

    I have an improved version for global recent post.
    It has settings to show, hide or select style to display on each option.

    Compatible with:
    Marketpress, Woocommerce and Easy digital downloads and displays Image, title, price and description.
    Also compatible with others custom post types.

    In multisites :
    The logo of each site in each publication or post
    Site name with a link site in each publication or post

    Single sites :
    Avatar.
    Post or product image
    Description of post or product
    Support for CSS Styles
    and other improvements more ...
    If you want, I share.

    regards

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.