Support » Plugin: The Post Grid » Date font size and button colour

  • Resolved jopham

    (@jopham)



    Hello,
    Thank you for developing the plug-in. Could you please let me know if there is a way to:
    1) increase the font size of the dates, remove the calendar icon
    2) for the pagination buttons, change the colours?

    Thank you.

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Author RadiusTheme

    (@techlabpro1)

    Hi,

    Which Layout you are using? I can give you custom CSS to do this changes.

    Thanks

    Hello,

    I’m using Layout 1.

    Thank you!

    Plugin Author RadiusTheme

    (@techlabpro1)

    Write this custom css

    .post-meta-user {
        font-size: 100% !important;
    }
    
    .rt-detail i {
       display: none;
    }
    

    Pagination button color has control see shortcode generator.

    Thanks

    jopham

    (@jopham)

    Thank you so much for the quick reply. The dates work perfectly – thank you!

    For the button, I tried the short code generator but it does not seem to work? This is our website: https://www.yellowdoorenergy.com/news

    I would like the buttons to be this color #ffcf01 when hovered and selected, and white when not. However the blue color keeps showing up.

    Current settings:

    Primary color: #ffcf01
    Button background color: #ffffff
    Button hover background color: #ffcf01
    Button active backgroun color: #ffcf01
    Button text color: #231f20
    Title color: #231f20

    Plugin Author RadiusTheme

    (@techlabpro1)

    Hello,
    I see it is working. Am I mark this ticket as Resolved.

    Thanks

    jopham

    (@jopham)

    Hello,
    Sorry how do I remove the blue outline around the button? Is that possible? I would like to not have any blue on the button, if possible.

    Thank you!

    Plugin Author RadiusTheme

    (@techlabpro1)

    Write this
    `.rt-pagination .pagination > .active {
    border-color: none;
    }

    Thanks

    Hello,
    I copied and pasted the code but it does not seem to work?
    https://www.yellowdoorenergy.com/news
    The outline is still there. Sorry and thank you so much for your advice!

    Plugin Author RadiusTheme

    (@techlabpro1)

    try this

    .rt-pagination .pagination > .active > span {
        border-color: none;
    }

    Thank you – I cut and pasted exactly but it does not seem to work. Here is the code I pasted into the settings area:

    https://www.dropbox.com/s/wfrx9o20zjjtb9s/Thepostgridcode_20180608.JPG?dl=0

    Thank you!

    Just in case, here is everything in the Settings > CSS box on my end. Thank you so much for your help!

    .rt-tpg-container .layout1 .rt-holder .rt-detail h2 {
    font-size: 18px;
    font-family: sans-serif;
    }

    .rt-tpg-container .layout1 .rt-holder .rt-detail .post-content {
    color: #231f20;
    font-size: 12px;
    font-family: sans-serif;
    text-align: justify;
    }

    .post-meta-user {
    font-size: 120% !important;
    color: #231f20;
    font-weight: bold;
    }

    .rt-detail i {
    display: none;
    }

    .rt-pagination .pagination > .active > span {
    border-color: none;
    }

    Plugin Author RadiusTheme

    (@techlabpro1)

    try this
    .rt-pagination .pagination > .active > span {
    border: 0px !important;
    }

    Thank you! I think we are almost there!

    I put in this:
    .rt-pagination .pagination > .active > span {
    border-color: #ffcf01;
    border-width: 1px !important;
    }

    Now I just need to remove the blue border around the selected page.
    For example, if I am on news page 2, then the “2” box is highlighted.
    If I mouse-over the “2”, then a blue border still appears. Do you know how to get rid of this?

    Thank you and apologies for the trouble! I think we are very close now!!!

Viewing 13 replies - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.