How to Show Thumbnail on Recent Post Widget

[Phinos]

Hi,

How to display thumbnail on recent post widget. For more detail, I have attach a screen shot.

Thank You.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, go to Appearance > Widgets and add KLEO recent posts instead of the default

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Phinos]

Hi Laura,

Thanks alot for your help. I have another questions. How to prevent related post cross the sidebar? See the screenshot I attached. Or see this link below :

https://www.sindhenapp.com/reza-arap-eka-gustiwana-and-billy-tanner-weird-genius-release-debut-single-dps/

Sincerely,

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, did you change any code at the theme or added any css code?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Phinos]

Hi Laura,

I dont change any code on the theme, but I have put some css on quick css panel.
The css code as seen below :

.header-color.social-header {
background-color: #3b3b3b;
}
.header-color .top-menu li > a, .header-color #top-social li a {
color: #fff;
border-color: transparent;
}
#change-cover-image-personal-li {
display: none;
}
.field-visibility-settings-toggle {
display:none;
}
.field-visibility-settings-notoggle {
display:none;
}
#profile-personal-li {
display: none;
}
.single-post .article-media img:nth-child(1) {
display: none;
}
.masonry-listing .post-content {
border: 0px;
}

.we-content-speaker {
margin: 0 auto;
max-width: 100%;
}
.col-md-8 {
width: 100%;
}
#footer .template-page {
border: none;
padding-top: 10px;
padding-bottom: 0;
font-size: 14px;
line-height:1em;
}
.navbar-full-width .page-boxed #footer, .navbar-full-width .page-boxed #socket {
max-width: 100%;
}

.main-color .woocommerce .kleo-cart-totals .totals-wrap {
border-color:#ccc;
}
#coupon_code {
border: 1px solid#ccc;
}
.main-color input[type=”text”] {
border-color:#e2e2e2;
}
.main-color input[type=”email”] {
border-color:#e2e2e2;
}
.main-color textarea {
border-color:#e2e2e2;
}
.sidebar .news-thumb img {
border-radius: 0 !important;
}

[Laura]

Hello,can you share access so i can check it out? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Phinos]

This reply has been set as private.

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Radu]

Hi,

Not the CSS causes that.

In the first instance update theme to latest version

https://archived.seventhqueen.com/documentation/kleo#updates

Let me know

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Phinos]

Hi Radu,

I’ve updated to the latest version, but the related post still cross the sidebar.

Best Regards,

[Radu]

Hi,

Please add this CSS to wp-admin -> theme options -> general settings -> quick css

COPY CODE

div#main-container section.container-wrap > .container {
    width: auto !important;
}

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Phinos]

Hi Radu,

It’s working nicely. Thank You for your help. 😀
I have last question, how to set so the related articles only show 3 articles instead of 4.

Best Regards,

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

You’re welcome

I saw it’s 3 here not 4

https://www.sindhenapp.com/sindhen-selects-december-16-week-2/

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Phinos]

Hi,

At my monitor its show 4 related articles. It is ok, maybe I use wide screen monitor.

This ticket can be close now. Thanks Again for all your help.

Best Regards,
Jane

Attachments:

You must be logged in to view attached files.

[Radu]

Ok then

No problem

Have a nice week

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts