Archived topic
I do I replicate a site Element from my old theme
19 replies · Started by Jude on July 21, 2019
I have a featured on the theme a was using before Switching to GeneratePress.
It displays the post from the category I selected on my Site HomePage.
How do I replicate this? Here is the screenshot http://prntscr.com/ohvahk
Hi there,
Give this plugin a shot:
https://wordpress.org/plugins/recent-posts-widget-with-thumbnails/
I used it for Rumour in the footer:
https://gpsites.co/rumour/?page_id=42
Hope this helps :)
The Plugin is a widget. How do I display it in the location?
It has a shortcode, I would have used the element feature.
How do I do it?
Hello,
I was able to achieve some success using the content view plugin. I inserted the shot code in the element I created. I also inserted some html code to generate the border.
here is the code I used
<font face="Roboto Slab">
Top Posts
</h5>
[pt_view id="e17c336m9h"]
</font>
However, I need help in padding it as indicated in this screenshot. http://prntscr.com/oiio0n
You can always use this plugin to turn widget into shortcode:
https://wordpress.org/plugins/widget-shortcode/
The top and bottom padding are coming from inline HTML:
https://www.screencast.com/t/WxM48KMrC
The <h5> margin-bottom can be adjusted with this CSS:
.page-hero h5 {
margin-bottom: 10px;
}
Thank you. I have implemented that.
What of the line-height? How do I increase it? http://prntscr.com/oikrd0
That would be coming from the plugin:
https://www.screencast.com/t/dWBwbnD4
I installed https://wordpress.org/plugins/recent-posts-widget-with-thumbnails/
but I don't see the options to display it in grid format as itis here https://gpsites.co/rumour/?page_id=42
A little bit of CSS is needed.
Where are you adding it?
I will be added it to this section of the site. I am not satisfied with what is displaying there currently.
https://prnt.sc/phyl0a
I await the CSS
Can you link me to the page in question?
We can't really provide support for other plugins but if it's simply enough I'll provide it for sure.
Are we talking about the "Top Posts" section? What about it are you wanting to change?
I use to have a top display that came with my old theme. It looks like this http://prntscr.com/ohvahk
I want to replicate it in my GeneratePress theme.
Leo suggested that I try this plugin https://wordpress.org/plugins/recent-posts-widget-with-thumbnails/
that he used it at the footer of this site: https://gpsites.co/rumour/?page_id=42
I downloaded the plugin but it displays in list form instead of the grid form. Leo said CSS will make it right. But I don't know how to generate the CSS that will make it grid.
I am currently using a plugin that displays it like this https://prnt.sc/phyl0a which is what is currently on the site. But I am not satisfied with it.
I would love it to be displayed as it was on my old theme http://prntscr.com/ohvahk
or like Leo suggested in the footer of this site https://gpsites.co/rumour/?page_id=42
Please help me to achieve this. Thank you
https://nigeriabitcoincommunity.com
Hi there,
try adding this CSS:
.wp-compear-tool-7964 .wp-compear-slider-slide.slick-slide {
display: grid;
grid-template-columns: 100px auto;
text-align: left;
height: auto !important;
border: none;
box-shadow: none;
}
.wp-compear-tool-7964 .wp-compear-slider-slide .wpcompear-slider-spec {
border: none;
}
.wp-compear-tool-7964 .wp-compear-tool-slider.slick-slider {
margin: 6px;
}
.wp-compear-tool-7964 .wp-compear-slider-slide .wpcompear-slider-spec p {
text-align: left !important;
}