Hi,
My site is underconstrucion (don`t want to spoiler users new design), but I had a annoying problem.
My home page is “Newest posts”. And default in:
Appearance -> Theme Settings -> Blog, I have below settings:
Blog Archive Layout - Grid Post Content - Post Excerp 3x Check Featured Image Type - Large
And my problem is that my blog page look crappy…
http://i.imgur.com/Zz7Kgfr.jpg
But after add custom CSS:
.vantage-grid-loop article { float: left; width: 50%; height: 450px; padding: 0 15px; margin-bottom: 30px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: none; } .vantage-grid-loop article .excerpt { font-size: 12px; color: #272727; line-height: 1.6em; height: 150px; overflow: hidden; text-align: justify; } .vantage-grid-loop article .grid-thumbnail img { width: 100%; display: block; height: 220px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
Its look like this:
http://i.imgur.com/gHzB3uC.jpg
But I can`t see “Read More” text of set the length of excerpt.
I was searching the forum, but found few solutions for Page Builder.
Is there anyfix for this here?
If you want to check site, send IP will add to white list.
Regards,
Rafa
Ps. When I wrote my premium code I got error “This isn’t a valid order number.”
I see that bbcode have some issue? Will try to post again:
Appearance -> Theme Settings -> Blog, I have below settings:
Blog Archive Layout: Grid
Post Contebt: Post Excerpt
3x check
Featured Image Type: Large
But after add custom CSS:
".vantage-grid-loop article {
float: left;
width: 50%;
height: 450px;
padding: 0 15px;
margin-bottom: 30px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: none;
}
.vantage-grid-loop article .excerpt {
font-size: 12px;
color: #272727;
line-height: 1.6em;
height: 150px;
overflow: hidden;
text-align: justify;
}
.vantage-grid-loop article .grid-thumbnail img {
width: 100%;
display: block;
height: 220px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
"
I get result as above but i can`t see "READ MORE" button.