————
SOLVED: Plus More Solutions Included
————
— The Intro —
For the life of me, I couldn’t understand why they wouldn’t include custom image sizes https://i.imgur.com/lLIaBGT.jpg. So I went into the CSS and did it all through there (Not good coding practice but it works). After a while, I just decided to scrap the plugin but came back to it because through all the other options this one still looks the best. So for anyone else in a similar situation and want to get rid of somethings or figure stuff out. Without having to bug the devs to respond to you here are some things I figured out.
————
↓ CSS Code Below ↓
————
— Custom sizing is there. —
Just update your plugin (I know it sounds stupid but for some reason, after i did it, it just showed up for me)
View post on imgur.com
— Button Shape —
/* ↓ CODE HERE ↓
*Gets rid of the button border and underlines on hover
*/
.oceanwp-post-list.one .readmore {
border-radius: 0px;
border: none;
padding: 0px;
border-bottom: 2px solid transparent;
font-size: 14px;
}
.oceanwp-post-list.one .readmore:hover {
background-color: transparent !important;
border-bottom: 2px solid;
color: #FFFFFF !important;
}
— Author and Lines —
/* ↓ CODE HERE ↓
* Gets rid of the category, lines and the author/date
*/
.oceanwp-post-list.one .oceanwp-post-category {
display: none;
}
.oceanwp-post-list.one .line {
display: none;
}
.oceanwp-post-list.one .oceanwp-post-date {
display: none;
margin: 0px;
}
— Mobile Friendly —
/* ↓ CODE HERE ↓
* Shrinks Title Text (found in these forums)
*/
@media only screen and (max-width: 959px) {
.oceanwp-post-list.one h2 {
font-size: 25px !important;
}
— Nav Arrow Buttons —
/* ↓ CODE HERE ↓
* Switch up the colors and gets rid of the circle ting
*/
.oceanwp-post-list.one .slick-arrow {
border: none !important;
}
.oceanwp-post-list.one .slick-arrow:hover {
border: none !important;
background-color: transparent;
color: #FFFFFF !important;
}
Good luck errrbody ??
