Hi,
Which Layout you are using? I can give you custom CSS to do this changes.
Thanks
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
Thread Starter
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
Hello,
I see it is working. Am I mark this ticket as Resolved.
Thanks
Thread Starter
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!
Write this
`.rt-pagination .pagination > .active {
border-color: none;
}
Thanks
Thread Starter
jopham
(@jopham)
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!
try this
.rt-pagination .pagination > .active > span {
border-color: none;
}
Thread Starter
jopham
(@jopham)
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!
Thread Starter
jopham
(@jopham)
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;
}
try this
.rt-pagination .pagination > .active > span {
border: 0px !important;
}
Thread Starter
jopham
(@jopham)
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!!!
