Docs

[billium99]

Hello – on one of my Ethos-themed websites, I’m not seeing a way to stop the text-overflow from truncating and adding ellipses at the end of my first line. Nearly every blog post is longer than the one line the recent posts widget is showing.

I’ve tried

.x-recent-posts .h-recent-posts {
text-overflow: visible!important;
white-space: normal;
line-height: 20px;
}

And so far that’s not doing anything.

Any recommendation?

Thank you

Bill

[billium99]

Oops – this is on

https://www.coloradowebdesign.com

The bottom of the home page has Recent Posts behaving as I described.

Thanks

[Darshana]

Hi there,

Thanks for writing in! Could you please provide us with a screenshot of your issue? so that we can assist you.

Thanks!

[billium99]

Here you go

Thanks

[Rad]

Hi there,

Please add this CSS as well 🙂

.x-recent-posts .h-recent-posts, .x-recent-posts .x-recent-posts-date {
    display: block;
    overflow: visible;
    text-overflow: initial;
    white-space: normal;
}

Thanks!

[billium99]

This reply has been marked as private.

[Rue Nel]

Hello Bill,

The code should work and it seems that you have inserted an unclosed css block (http://prntscr.com/akw5cj). You need to correct it by updating your code.

div#report_menu {
    display: none !important;
} 

#seogroup .outerwrapper {
	background-color:#fff!important;
}

h2, .h2 {
    margin-top:0px!important;
}

.entry-thumb {
    margin-top:20px;
}

.entry-content p {
    font-size: 18px;
}

p {
    margin: 0 0 1.15em;
}

.x-logobar, .x-navbar, .x-navbar .sub-menu, .x-colophon.top {
    background-color: #fff!important;
}

.x-btn-navbar{
    color:#33735b!important;
}

.x-btn-navbar:hover{
    color:#33735b!important;
}

.x-card-outer .x-face-title {
    margin: 0;
    font-size: 1.65em;
}

.x-card-outer {
    margin: 0 auto 1.15em;
    text-align: center;
    cursor: pointer;
}

.x-face-content {
   padding:10% 8%!important;
}

h4, h5, h6, .h4, .h5, .h6 {
    margin-top: 0px;
    margin-bottom: 0.5em;
    line-height: 1.4;
}

#menu-item-52 a {
    background-color: #054E3B;
    border: medium none !important;
    border-radius: 6px;
    color: #ffffff!important;
    margin-top:16px;
    margin-bottom:10px;
    margin-left:10px;
    padding-top:20px;
    padding-right:10px;
    padding-bottom:10px;
    padding-left:10px;
    max-height:55px!important;
}

.single-post .entry-featured {
    float: left;
    margin-bottom: 30px !important;
    margin-right: 10px !important;
    width: 45%;
}

.single-post .entry-header {
    margin-top: 30px;
    margin-bottom: 30px;
}

.x-recent-posts-content {
  display:block!important; 
  font-size:30px 
}

.img {
    margin-top: 25px!important;
}

.x-recent-posts .x-recent-posts-img {
    padding-bottom:100%!important;
}

.x-recent-posts .h-recent-posts {
    overflow: visible!important;
    text-overflow:initial!important;
    white-space: normal!important;
    line-height: 20px!important;
}

.x-recent-posts .h-recent-posts, 
.x-recent-posts .x-recent-posts-date {
    display: block;
    overflow: visible;
    text-overflow: initial;
    white-space: normal;
}

.x-navbar .desktop .x-nav > li > a {
    height: 32px !important;
}

a.entry-thumb {
    padding-bottom: 100%!important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

Please let us know how it goes.

[billium99]

Oops – good catch! That fixed it. Thanks!

[frankytyrone]

This reply has been marked as private.

[Rue Nel]

Hey Frank,

Thanks for the heads up!

@billium99:
You might want to check it out and see if you can do something about it.
Thanks.

[billium99]

Rue – Frank’s message was marked private. What am i supposed to check out?

[Christopher]

Hi there,

Sorry about that.

Here is the message :

Hi Nillium 99 I was checking out your site earthelementsdesign.com and received a warning from WOT https://www.mywot.com/en/scorecard/earthelementsdesign.com?utm_source=addon&utm_content=warn-viewsc just a heads up

Hope it helps.

[Author]

Posts