Site logo

Archived topic

I do I replicate a site Element from my old theme

19 replies · Started by Jude on July 21, 2019

Viewing posts 1–15 of 20

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

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

<h5>
<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

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;
}
This archived topic is closed to new replies.