Docs

[insomniag]

Hi,
I would like to have “recent posts” display the whole title and not just a part of it. What CSS do I have to add?
Thanks

[Rue Nel]

Hello There,

Thanks for writing in! To have “recent posts” display the whole title and not just a part of it, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-recent-posts .h-recent-posts{
    text-overflow: clip;
    white-space: normal;
}

Hope this helps. Kindly let us know.

[insomniag]

Thanks it worked!

[Thai]

You’re most welcome 🙂

[insomniag]

I noticed a bug on mobile. As you can see in screenshot, the edges of the titles are cut. Could we do something about this? In addition, the thumbnail of a video post is not shown. Is this the default status or is it an error?

[insomniag]

I am sorry, I meant the thumbnail of all video posts are not shown, not just one.

[Christopher]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[insomniag]

This is an example page of my website: http://www.thebinaryoptions.guru/binary-options-trading-signals-review-franco/
if you visit it from a mobile device or make the PC browser window small you will notice it.

[Rupok]

Hi there,

Thanks for writing back. It seems you are using some negative margin that’s causing the issue :

html body.single-post .entry-wrap {
    margin-left: -10px !important;
}
html body .entry-wrap {
    margin-right: -10px !important;
}

Let’s remove them to get expected result.

Cheers!

[insomniag]

I am using the negative margin because the theme is to narrow for mobile devices. Can we make it wider without the negative margin, in a better way? I did it myself but I am not very good at CSS. What about the video posts? Is the “recent posts” able to show image for the video?

[insomniag]

I meant the text is not wide enough on mobile devices.

[Christopher]

Hi there,

Please remove your code and add following :

@media (max-width:767px){
.x-container.max.width.offset {
    width: 84%;
}
}

Hope it helps.

[insomniag]

Yes it worked! Thanks very much!

[Thai]

If you need anything else please let us know.

[Jade]

You’re most welcome!

[Author]

Posts